配置vue-cli脚手架

安装vue脚手架

// 1. 下载node

去官网下载node （https://nodejs.org/zh-cn/）

然后就安装，傻瓜式安装一直next就可以了

// 2. 设置nodejs prefix（全局）和cache（缓存）路径

在你node的安装目录下，新建 node_global 和 node_cache 两个文件夹

（1）设置缓存文件夹，用cmd命令行（win系统）

npm config set cache "D:\vueProject\nodejs\node_cache"

（2）设置全局模块存放路径

npm config set prefix "D:\vueProject\nodejs\node_global"

注意：以上两步注意选取好你的路径

 

// 3. 配置环境变量

（1）右键我的电脑，选择属性，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框，点击下方环境变量， 修改系统变量中的PATH，把你之前的node_global路径加在后面

（2）在上面的用户变量中，增加一条NODE_PATH，把之前的node_modules路径加进去

// 4. 安装vue

直接cmd中npm install vue -g

// 5. 安装vue脚手架工具vue-cli3

npm install -g @vue/cli 

注意：如果之前有vue-cli2工具，先执行卸载操作：npm uninstall vue-cli -g，再安装vue-cli3

如果想继续使用vue-cli2脚手架，可以安装：npm install -g @vue/cli-init ，这个桥梁工具安装完毕就可以使用 npm init webpack 项目名称 来使用vue-cli2了

// 6. 使用脚手架

运行命令行：vue create 项目名 即可