安装Vue CLI（Windows）

Vue CLI安装需要node.js环境，首先先来安装node.js环境

1、安装node.js环境 ，node.js官网：http://nodejs.cn/

image.png

2、无脑下一步，安装

image.png
[图片上传中...(396819a581b9671040b0ddd8af1f0bf.png-11512-1633855258147-0)] 396819a581b9671040b0ddd8af1f0bf.png
[图片上传中...(b3535c4b04acf8270cb6781060900f4.png-6a2ce5-1633855287299-0)] b3535c4b04acf8270cb6781060900f4.png 890dfe6e8df523d3fac86208196e9c4.png 2aa9c493f5d389a7f2fba341bd73781.png

使用node -v 查看node.js是否安装成功

image.png

3、安装node.js成功之后，需要配置系统环境变量。右击此电脑，点击属性查看高级属性

de42515a542d0ca7a20ec852fd71b31.png d801f0fef44356c6a4f3710fc3cd58a.png 4ae484593b3521db576ae3c2bb7aa10.png

4、在cmd终端中配置淘宝镜像 npm config set registry https://registry.npm.taobao.org

使用npm config get registry查看淘宝镜像是否配置成功

image.png

5、配置npm下载依赖位置

windows:
        npm config set cache "D:\nodereps\npm-cache"
        npm config set prefix "D:\nodereps\npm_global"

nodereps node.js安装目录的位置

配置成功之后，再次去配置环境变量

a2695d0f3080fbac2bf6a70da2ffbee.png

6、使用如下的命令安装vue cli

npm install -g @vue/cli

重启终端，输入以下命令

vue  --version
vue  -V

image.png

打完收工