vue脚手架安装

每次安装的时候都要百度，这次就把流程记录下来，方便后续查看

node.js安装

官网地址：https://nodejs.org/en/ 下载相应版本
历史版本下载： https://nodejs.org/en/download/releases/.
阿里镜像历史版本下载： https://registry.npmmirror.com/binary.html?path=node/
安装完成后打开 cmd 窗口输入命令：node -v 回车会输出node的版本号

环境配置

NodeJS和NPM安装好了以后并不能直接使用，默认情况下，NPM安装的模块并不会安装到NodeJS的程序目录，比如我们安装的时候设置的D盘，“D:\Program Files\nodejs”，而我们使用npm安装一个cluster模块他会出现在C盘默认的路径下面，所以，如果我们不修改npm的模块安装目录，那么它默认情况下都会安装到这里，随着你测试开发各种不同的项目，安装的模块越来越多，这个文件夹的体积就会越来越大，直到占满你的C盘。所以我们要修改npm的配置。
参考链接：https://blog.csdn.net/qq_42421611/article/details/107404030

1. 在node.js安装目录下创建两个文件夹

2. 将npm的全局模块目录和缓存目录配置到刚才创建的那两个目录：

npm config set prefix "node_global文件的路径"
npm config set cache "node_cache的文件路径"
例如：npm config set prefix “D:\Program Files\nodejs\node_global”

3. 设置环境变量
在系统环境变量中新建 NODE_PATH 变量 ，变量值为node安装目录下的 node_global

修改Path变量名中nodejs文件默认路径：在系统变量的path中加入 D:\Program Files\nodejs\node_global（你自己的路径）

这样就配置完成了

cnpm 安装

npm config set registry http://registry.npm.taobao.org/
 
// 安装cnpm命令
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后可以查看版本信息

vue脚手架安装

执行命令 cnpm install -g @vue/cli

安装成功

提示 ‘vue’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方案

方案一

1.在cmd 中执行npm config get prefix，先查看npm安装位置

2.复制路径，在系统环境变量中的path里新增

再去执行vue -V即可