【01】Vue基础:前期准备


开发工具的选用

开发工具的选用并没有太多的要求,只要适合自己的就行,我使用的是VSCode。

安装和引入

在Vue官网中有两个版本,分别是:

  • 开发版本:包含完整的警告和调试模式
  • 生产版本:删除了警告

1,安装方式一:直接用<script>引入(不推荐)

<!-- 最新版本 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 明确的版本号 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

2,安装方式二:使用npm进行安装(推荐)

打开cmd命令窗口,输入以下命令:

npm install vue
或:
npm i vue

注:npm是随同NodeJS一起安装的包管理工具,新版的nodejs已经集成了npm,所以不需要另外安装npm,可以通过输入 “npm -v” 进行检测是否安装成功。

安装cnpm

由于用于npm的仓库源是在国外,资源传输速度较慢而且可能会受到限制,所以建议使用淘宝镜像源cnpm,打开cmd命令窗口,输入以下命令:

npm install -g cnpm -registry=https://registry.npm.taobao.org

执行完后,可输入以下命令进行检测cnpm是否安装成功:

cnpm -v

使用cnpm安装vue:

cnpm install vue
或:
cnpm i vue

执行完后,可输入以下命令进行检测Vue是否安装成功:

vue -V

文章作者: 技术潘
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 技术潘 !
  目录