Node.js和vue-cli脚手架的安装

一、须知

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 ****即为成功