Vue Cli脚手架环境需要先安装Node.js。安装完Node.js后,还需要安装npm依赖环境,npm依赖环境服务器下载速度比较悲剧,所以在国内最好用淘宝搭建的镜像站来安装,在控制台中输入:
npm install cnpm -g --registry=https://registry.npm.taobao.org
来安装淘宝的镜像cnpm。
就会自动安装cnpm。进度条走完后需要配置系统全局变量。
1.在系统环境变量添加NODE_PATH,输入路径为:
C:\Program Files\nodejs\node_global
2.在系统环境变量Path中添加Node.js的插件目录。
如果Node.js安装在默认目录下,那么就在Path中追加如下字符串:
C:\Program Files\nodejs\node_global;
上面两步设置完后重启系统后再次打开控制台,现在可以从淘宝的镜像中安装Vue脚手架了,在控制台中输入:
cnpm -v
查看一下cnpm的版本号,如果显示版本号说明安装和配置成功。接下来继续在控制台中输入:
cnpm install -g @vue/cli
进度条走完后,再在控制台中输入:
vue --version
查看Vue脚手架是否安装成功,出现版本号后安装成功。