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安装成功且可运行。
参考添加链接描述