第一步下载node下载 | Node.js 中文网,本人系统Win10 X64,如图:
![](https://img-blog.csdnimg.cn/347a8641d90a40948083aa257c2d6e4f.png)
将下载的zip包解压到你自定义的目录(尽量不要有空格或中文,你懂的),作者选择了d盘下自定义目录D:\datastorage下,解压后的文件目录如图所示:
![](https://img-blog.csdnimg.cn/2a8c7b2cdc1c4d24a41039a38a53c732.png)
在此目录下打开cmd,并输入下列指令查看版本:
# 查看node版本
node -v
# 查看npm版本
npm -v
如图:
![](https://img-blog.csdnimg.cn/324059f0bc664152b3aa69cc061f5b78.png)
如果不想把npm全局模块和cache目录放到用户目录下(一般是C:\Users\AppData
),建议修改一下两个目录。
![](https://img-blog.csdnimg.cn/7a414351d656495ba7549ab11b1ae563.png)
手动添加这两个目录,然后使用cmd命令(尽量使用管理员身份运行)设置:
![](https://img-blog.csdnimg.cn/4dece4e14e3d4cf7b8ce9da6e029e6b9.png)
npm config set prefix D:\datastorage\node-v16.16.0-win-x64\node_global
npm config set cache D:\datastorage\node-v16.16.0-win-x64\node_cache
因为npm下载资源来源国外,网络不稳定,下载也慢,安装了淘宝的镜像后使用国内cnpm资源会变得非常快(cnpm上图中命令已经执行)。
在cmd命令提示符中输入下面的命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
![](https://img-blog.csdnimg.cn/08d57b9e96ec4f488934401b51304489.png)
安装成功后cnpm
已经被下载到了指定的目录。
配置环境变量:
依次进入【计算机】→【属性/关于】→【高级系统设置】→【环境变量】,点击系统变量的path变量,然后点击编辑(或双击path变量)
右上角【新建】→【浏览】,选择node目录,比如作者是的是D:\datastorage\node-v16.16.0-win-x64
再新建一个变量,选择npm的全局模块的存放路径,比如作者是的是D:\datastorage\node-v16.16.0-win-x64\node_global
![](https://img-blog.csdnimg.cn/d3e9fe9d94394dc8bf48f25e4565afcd.png)
点击【确定】保存退出。
新建一个cmd窗口(管理员身份运行)进行测试,查看node
、npm
、cnpm
版本,看到版本输出即为安装成功。
![](https://img-blog.csdnimg.cn/e53fa39c8f3a46578775474bee057794.png)
安装Yarn:
cnpm i -g yarn
如果如下图所示报错,则执行下面这行命令
set-ExecutionPolicy RemoteSigned
![](https://img-blog.csdnimg.cn/52567e3a063846ec86cd88feb1517eb5.png)
设置Yarn的淘宝源
yarn config set registry http://registry.npm.taobao.org
![](https://img-blog.csdnimg.cn/6bbf86d260e143cfb4ebe7038ad7e18b.png)
最后,配置完成,安装VUE:
npm install -g @vue/cli
![](https://img-blog.csdnimg.cn/03303a9b4d20499e91b647fce573c828.png)