Win11下搭建vue {保姆级教程}{设置环境变量}{设置淘宝镜像}

①下载node.js  下载地址：https://nodejs.org/zh-cn/  

 

 

 安装地址设置为D:\Develop\nodejs\   

Next 默认安装即可 

 

 

 继续install，会弹出窗口，点“是”

②查看npm安装目录，查看npm的prefix和cache路径配置信息，修改全局和缓存路径

键盘win+R 输入cmd

输入

node -v

，回车，输出版本号则安装成功

 1.查看npm安装目录    

 npm root -g  

2.查看npm的prefix和cache路径配置信息

npm config get cache 

npm config get prefix

 分别输入，回车查看，显示出的两个地址，会在修改环境变量中用到

3.设置上面刚才查看的路径，将上面2中的 代码 get 变为set ，

npm config set cache "    "   

npm config set prefix "   "

引号中填入2中，回车查看后的地址，复制填入3的"   "中，两行对应填入

显示成功后，不用关闭，先完成③，第④步骤时，返回此指令框

③调整环境变量

因为是win11,所以这里和win10之类的修改方法不同。为了避免报 cnpm、vue不是内部或外部命令

方法如下：

1.返回桌面，找到“此电脑”，鼠标右击，打开属性。

点开高级系统设置

 进去后，分为，上方为用户变量，下方为系统变量

先修改用户变量，点击用户变量下的新建

变量名：NODE_PATH

变量值：D:\Develop\nodejs\node_modules

直接复制，上方的变量名，变量值，填入后，确定

然后修改系统变量

 双击进入，

 在空白的地方双击，

 将2中显示出的两个地址，依次复制，粘贴在此空白区域，之后确定。

环境变量设置完成     {注意用户变量和系统变量的地址不可输错}

 ④设置设置淘宝镜像

返回指令框，输入代码

npm install -g cnpm --registry=https://registry.npm.taobao.org

 
npm config set registry https://registry.npm.taobao.org --global

依次输入，回车，等反应成功

⑤安装vue及vue-cli 脚手架   

运行以下命令来全局安装Vue CLI：

npm install -g @vue/cli

 或者使用淘宝镜像源运行以下命令：

cnpm install -g @vue/cli

⑥查看vue版本及cli版本

查看cli

vue -V

查看vue

npm list vue