来源于2020-06-05 12:41今日头条·天之道居同文
一、先要安装node.js
官网:下载 | Node.js
二、设置nodejs prefix(全局)和cache(缓存)路径
1、在nodejs安装路径下,新建node_global和node_cache两个文件夹
![](https://i-blog.csdnimg.cn/blog_migrate/96f07b097a7e1534ec6759f79a527174.png)
2、设置缓存文件夹
npm config set cache"D:\vueProject\nodejs\node_cache"
设置全局模块存放路径
npm config set prefix"D:\vueProject\nodejs\node_global"
设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里
三、基于 Node.js 安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、设置环境变量(非常重要)
说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
1、鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。
2、修改系统变量PATH
![](https://i-blog.csdnimg.cn/blog_migrate/0bd26f03bba6786b0a3a1e5cea65532f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/bb03ce900f79cf50a57db7ae821177d2.png)
3、新增系统变量NODE_PATH
![](https://i-blog.csdnimg.cn/blog_migrate/c6557ddea6cb18070090800033bad66d.png)
五、安装Vue
cnpm install vue -g
![](https://i-blog.csdnimg.cn/blog_migrate/8d2e63ca991fd5580699d2ecf793439a.png)
六、安装vue命令行工具,即vue-cli 脚手架
安装新的Vue cli版本前,需要先把之前安装的版本卸载掉。
vue卸载:npm uninstall vue-cli -g(3.0以下版本卸载)
npm uninstall -g @vue/cli(3.0以上版本卸载)
vue安装:npm install -g vue/cli (安装的是最新版)
npm install vue-cli@2.9.6 (指定版本安装【指定版本为3.0以下版本】,其中2.9.6为版本 号)
npm install -g @vue/cli (安装的是3.0以上最新版)
npm install -g @vue/cli@3.11.0(指定版本安装【指定版本为3.0以上版本】,其中3.11.0为 版本号)