一、须知
vuecli脚手架安装必须使用node.js中的npm环境,所以如果你是使用vue脚手架的话,必须先安装node.js
安装过程中无需进行环境变量配置,如果失败请不要进行环境变量,会使情况更复杂
二、node.js的安装
1.node.js下载地址
点击下载windows64位安装包,版本为v16
也可复制链接
https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi
https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi
https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node-v16.14.2-x64.msi
或进入官网 https://nodejs.org/en 选择合适的系统版本进行下载
在下载过程中使用默认路径下载,可以省去好多麻烦
点击安装包
点击Next
勾选接受,并点击Next
选择默认安装路径后,点击Next,后面均不需要选择其他的选项
安装完成后点击Finish
2.校验node.js
完成后,可以检查node.js是否成功安装
调出cmd命令窗口
输入指令 node -v
node -v
显示版本号v**.**.* 即为成功
检查npm环境是否正常
输入指令 npm -v
npm -v
显示版本号即为成功
3.更改npm源
在npm中,默认的是境外服务器,如你是在国内访问的话,速度会非常的慢,并且有很大的失败的可能性,所以在使用时要更改npm源更改为国内的服务器,具体操作为
在cmd窗口输入命令行 npm config set registry https://registry.npmmirror.com
npm config set registry https://registry.npmmirror.com
之后输入指令 npm config get registry 查看地址是否更改成功
npm config get registry
如果显示结果为 https://registry.npmmirror.com/ 即为成功
当然如果有其他的国内服务器地址,也可以使用,但必须检查该服务器网址是否过期,本次使用的是与淘宝同服务器,需要注意的是:不能直接使用淘宝服务器https://registry.npm.taobao.org,现在无法使用该服务器下载vue脚手架!
三、vue-cli脚手架的安装
使用cmd命令行 npm install -g @vue/cli
npm install -g @vue/cli
或 进行全局安装指令 yarn global add @vue/cli
yarn global add @vue/cli
等待30秒至2分钟后即能完成安装
安装过程会出现很多WARN黄色字体警告,如果最终并没有ERR错误提示出现,即可无视警告
校验vuecli
调出cmd输入命令行 vue -V 或 vue --version 均可
注意如果使用第一个,-V必须大写
vue -V
或
vue --version
显示@vue/cli ****即为成功