vue安装详细教程与错误解释

1.安装node.js环境
官网下载，一直next安装完成
node.js官网
2.验证node.js是否安装成功

3.配置环境变量
配置npm的全局模块路径和cache路径
即在以后执行类似 npm install *** -g语句的时候
-g代表全局安装
一般情况下会安装在C:\user\用户名\AppData\Roanming\npm

通过更改全局模块所在路径和缓存路径，可以把模块安装到D盘
执行以下指令把路径切换到D：
npm config set prefix “D:\vueTemp\node\node_global”

npm config set cache “D:\vueTemp\node\node_cache”

如果这里执行报错，就先自己去D盘目录下面新建文件夹“vueTemp\node\node_global”和“vueTemp\node\node_cache”，再重新执行语句

查看npm本地仓库

我这里已经安装好了，所以会有那么多东西，正常来说 会显示

配置环境变量
系统变量：
D:\vueTemp\node\node_global

用户变量：

4.安装淘宝镜像
可以参考这个帖子
淘宝镜像安装和失败解释

我的淘宝镜像安装一直再失败报错，我就没管他后来直接用npm 安装vue-cli。

淘宝镜像如果实在安装不成功可以跳过这一步

4.安装全局vue

npm install -g vue

5.安装vue脚手架

//有cnpm 的用
cnpm install @vue/cli -g
//没有cnmp
npm install @vue/cli -g

6.验证vue是否安装成功
vue -v

如果提示vue不是内部或外部命令，也不是可运行的程序或批处理文件看下配置路径
我的配置路径是“D:/vueTemp/node/node_global”
且我这个路径下有vue.cmd文件，所以我的vue安装成功且可运行。

参考添加链接描述