初到公司发现电脑上面已经安装nodejs
  
  
  
  
  
  
，但是版本是最新版本             。但是问题来了  
  
  
  
  
  
 ，好像是不太支持vue3
 


 


 


 


 


 


 ，所以查了一些资料
 
 
 
 
 
 
，具体的也不是很清楚   
   
   
   
   
   
 ，反正就是nodejs的版本不能太高最好保持在16以下
  
 
  
 
  
 
  
 
  
 
  
 
 。好吧
 

 

 

 

 

 

 ，那就重新卸载再来安装nodejs吧












。

目录

1             、卸载nodejs

2
  
 
  
 
  
 
  
 
  
 
  
 
 、下载nodejs

3












、验证nodejs

4 
  
  
  
  
  
  、配置环境

1
  
  
  
  
  
  
 、更改npm安装全局模块目录和缓存路径

2
 


 


 


 


 


 


、配置环境变量

3 
 
 
 
 
 
 、配置淘宝镜像

5
   
   
   
   
   
   
 、验证安装

1
 

 

 

 

 

 

、卸载nodejs

        打开电脑卸载程序

 

 

 

 

 

 
，找到nodejs执行卸载 
  
  
  
  
  
  。卸载完成后找到之前安装的位置删除所有的文件夹             ，如下所示；

         其次
 
 

 
 

 
 

 
 

 
 

 
 

 ，可能在C盘中也会存在相关的npm文件所以一定要找到相关文件进行删除
  
  
  
  
  
  
 。我这里C盘确实有一个文件夹












，名称是什么.npm...                   ，然后我删除了
 


 


 


 


 


 


。

        最后打开命令提示符 
 
 
 
 
 
 
 
 
 
 
 
 ，输入node -v 和npm -v 查看是否卸载



















，如下图所示；

         至此            ，我电脑的老版本就卸载完成  
 
  
 
  
 
  
 
  
 
  
 
  ，接下来就重新下载nodejs进行安装

2 

 

 

 

 

 

 、下载nodejs

官方下载地址：以往的版本 | Node.js

        点击链接可直接到官网进行下载












，但最好不要下载16版本以上的
  
  
  
  
  
  
，我这里下载的是Node.js 15.14.0版本对应的npm版本是7.7.6版本 
 
 
 
 
 
 。

        注意：nodejs版本最好是下载.msi的版本  
  
  
  
  
  
 ，这里他会自动的去配置电脑环境
   
   
   
   
   
   
 。

        下载完成后
 


 


 


 


 


 


 ，打开软件包
 
 
 
 
 
 
，直接一路next到底（可以更换安装的路径   
   
   
   
   
   
 ，我这里是安装到D盘的
 

 

 

 

 

 

 ，建议各位尽量将这些安装包放到D盘

 

 

 

 

 

 
，别一股脑的放在C盘）；

3             、验证nodejs

        打开命令面板输入node -v 和npm -v检查node版本和npm版本

命令面板：win+r输入cmd

node -v npm -v

4

 
 

 
 

 
 

 
 

 
 

 
 

、配置环境

1











、更改npm安装全局模块目录和缓存路径

   npm install xxx时默认存放路径为：C:\Users\用户名\AppData\Roamin
 

 

 

 

 

 

。比较占空间因此将其放在D盘吧这样子我们也方便查看

        将安装的node文件夹下面新建两个空文件夹:node_cahce和node_global             ，放置我们安装的一些东西
 
 

 
 

 
 

 
 

 
 

 
 

 ，然后将全局模块目录和缓存路径换成我们新建的两个文件见

全局安装模块为：node_global

缓存路径为：node_cahce

        打开命令面板 分别输入命令：npm config set prefix "D:\node\node_global"设置全局安装目录












，和npm config set cache "D:\node\node_cahce"设置缓存路径

npm config set prefix "D:\node\node_global" npm config set cache "D:\node\node_cahce"

输入以下命令可查看是否配置成功；

npm config get prefix npm config get cache

2                    、配置环境变量

        上面说到.msi版本的不需要配置环境                   ，但是我们最好还是检查一下 

 

 

 

 

 

 。

        找到环境变量配置 
 
 
 
 
 
 
 
 
 
 
 
 ，找到系统变量path看一下有没有对node进行配置



















，如果没用那么可进行手动配置             。同时将我们的全局安装模块目录也对其进行配置            ，其配置步骤和下面一致  
 
  
 
  
 
  
 
  
 
  
 
  ，如下图所示；

3
 
 
 
 
 
 
 
 
 
 
 
 
、配置淘宝镜像

        在命令面板输入以下命令可查看本地的镜像；

npm config get registry

        更改镜像为淘宝镜像












，输入以下命令；

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

        如果要将镜像复原可输入以下命令；

npm config set registry https://registry.npmjs.org

5


















、验证安装

1.安装express
  
  
  
  
  
  
，使用npm命令——> npm install express -g

2.安装webpack  
  
  
  
  
  
 ，使用npm命令——> npm install webpack -g

到刚刚新建的文件夹node_global进行查看

到此
 


 


 


 


 


 


 ，打完收工~~~又可以快乐的写bug啦