开发工具的选用
开发工具的选用并没有太多的要求,只要适合自己的就行,我使用的是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