VueCLI的安装

Vue CLI的安装

NodeJS的安装

—因为VueCLI是进行webpack的配置，而webpack依赖于node.js的环境，因此我们需要安装NodeJS和NPM，NPM是一个NodeJS包管理和分发工具，后续我们经常通过npm安装开发过程中一些依赖包；

—安装过程可参考我的“全局安装webpack”博文，Node环境要求8.9以上或者更高版本，可以通过node -v检查自己安装的版本；

Vue脚手架安装

—可以参考Vue CLI官网安装，官网参考地址：https://cli.vuejs.org/zh/

—在cmd中执行命令：npm install -g @vue/cli

—使用上述命令安装的是Vue CLI3版本，如果我们想要在VueCLI3的基础上按照VueCLI2的方式初始化项目时是不可以的，需要进行拉取2.x模板（安装一个桥接工具）：

npm install -g @vue/cli-init

—另外需要注意，目前VueCLI已经更新到4.x版本，如果安装最新版本，需要首先卸载旧版本VueCLI1.x或VueCLI2.x版本：npm uninstall vue-cli -g

初始化项目

VueCLI3和VueCLI2的初始化项目是不同的：

VueCLI3初始化项目：vue create my-project

VueCLI2初始化项目：vue init webpack my-project

淘宝镜像和代理配置

—小插曲，我使用npm安装过程中，速度较慢，甚至卡住不动，安装失败，我们可以使用安装cnpm淘宝镜像和使用代理registry进行安装；

—淘宝镜像cnpm安装，即可以使用淘宝定制的cnmp命令行工具代替默认的npm，cnpm的安装：

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

这样就可以使用cnpm命令安装模块；

—使用代理registry：npm config set registry https://registry.npm.taobao.org

关于VSCode终端下的小夜曲

—根据上述，已经安装完成了VueCLI，但是当我开开心心打开VSCode准备大展身手的时候，在终端输入命令vue create hello-world，它出错了！！出错了！！提示：“无法将’vue’项识别为cmdlet、函数、脚本文件或可运行程序的名称”，在图书馆的我拳头硬了！！

—待我平静下来，开始遇鬼鲨鬼！终于被我逮到了，我们只需要右键vscode的快捷键图标，点击“属性”，打开“兼容性标签”，勾选“以管理员身份运行vscode”，然后重启vscode，再次运行就可以使用VueCLI创建项目了！！是不是很简单！！

—如果这时候还不可以，不要慌！我们接着鲨！首先在vscode中查看执行策略，终端输入：get-ExecutionPolicy，可以查看当前power shell的执行策略，如果当前执行策略为Restricted，需要修改执行策略；

—终端输入Set-ExecutionPolicy -Scope CurrentUser，然后将ExecutionPolicy的设置为Unrestricted即可！