nvm安装详细教程（卸载旧的nodejs，安装nvm、node、npm、cnpm、yarn及环境变量配置）

文章目录

• 一、完全卸载旧的nodejs
• • 1、打开系统的控制面板，点击卸载程序，卸载nodejs
  • • （1）打开系统的控制面板，点击程序下的卸载程序
    • （2）找到node.js，鼠标右击出现下拉框，点卸载
    • （3）确认卸载弹窗，点击是，等待卸载完成。
    • 2、删除node的安装目录
    • 3、查找.npmrc文件是否存在，有就删除
    • 4、逐一查看以下文件是否存在，存在就删除
    • 5、打开系统设置，检查系统环境变量，将node相关的配置都删掉
    • 6、查看是否卸载成功
    • 7、最后，建议重启电脑
    • 二、安装nvm
    • • 1、下载NVM
      • 2、双击下载好的文件，开始安装
      • 3、选择我接受，然后点击next
      • 4、选择NVM安装路径，路径名称不要有空格，然后点击next
      • 5、node.js安装路径，然后点击next
      • 6、点击Install
      • 7、点击Finish,完成安装
      • 三、nvm修改镜像源
      • 四、nvm常用命令
      • 五、nvm配置环境变量
      • 六、安装nodejs及环境变量配置
      • • 1、通过nvm安装node
        • 2、node环境变量配置
        • • （1） 配置全局安装的模块路径和缓存路径
          • （2）设置用户变量
          • （3）设置系统变量
          • 3、测试
          • 4、设置淘宝的镜像并查看
          • 七、全局安装cnpm
          • 八、全局安装yarn
          • 九、笔者的安装目录结构

            ---

            注意：

            1、安装nvm之前需要卸载之前的nodejs，并且还要删除之前的环境变量配置，否则会出现一些奇怪的问题

            2、nvm的安装路径不能有中文或者空格，否则后面在cmd中切换node版本会出现乱码

            一、完全卸载旧的nodejs

            参考文章《Node卸载超详细步骤》

            1、打开系统的控制面板，点击卸载程序，卸载nodejs

            （1）打开系统的控制面板，点击程序下的卸载程序

            

            （2）找到node.js，鼠标右击出现下拉框，点卸载

            

            （3）确认卸载弹窗，点击是，等待卸载完成。

            

            2、删除node的安装目录

            安装目录默认是C:\Program Files\nodejs，我的在安装时选择的安装位置在D:\Program Files\nodejs。

            查看该路径下是否有node文件，在控制面板卸载node后一般会自动删除node文件，如果文件还在的话就手动删除，没有的话就忽略。

            

            3、查找.npmrc文件是否存在，有就删除

            .npmrc默认在C:\User\用户名。

            .node_repl_history如果存在也删除，没有请忽略。

            

            4、逐一查看以下文件是否存在，存在就删除

            • C:\Program Files (x86)\Nodejs
            • C:\Program Files\Nodejs
            • C:\Users\用户名\AppData\Roaming\npm
            • C:\Users\用户名\AppData\Roaming\npm-cache
            • C:\Users\用户名\AppData\Local\npm-cache

              5、打开系统设置，检查系统环境变量，将node相关的配置都删掉

              • 一般系统会自动把node环境变量删掉了，可以不用管这步
              • 环境变量打开方式：我的电脑->属性->高级系统设置->环境变量->
              • 删掉用户变量和系统变量的NODE_PATH 及Path 里的相关的node（注意，不要把整个path删掉，点击编辑，只删除node相关的即可；如果手误，依次点击取消关闭弹窗就不会保存成功，若是手误删掉了，还点击的是确定按钮，那笔者也没有办法了）
              • 确认删除无误之后，依次点击确定关闭，否则可能存在删除失败问题

                

                

                

                6、查看是否卸载成功

                在键盘上按下win + R ，输入cmd ，然后点击回车键，在命令行中输入node -v npm -v，如下图所示表示卸载成功。

                ,

                

                7、最后，建议重启电脑

                二、安装nvm

                参考文章《nvm-下载、安装、使用（2023/07/12更新）》 《安装nvm，并使用nvm安装nodejs及配置环境变量》

                1、下载NVM

                • 地址：https://github.com/coreybutler/nvm-windows/releases
                • 点击nvm-setup.exe进行下载

                  

                  2、双击下载好的文件，开始安装

                  

                  3、选择我接受，然后点击next

                  

                  4、选择NVM安装路径，路径名称不要有空格，然后点击next

                  

                  5、node.js安装路径，然后点击next

                  

                  6、点击Install

                  

                  7、点击Finish,完成安装

                  

                  三、nvm修改镜像源

                  参考文章《nvm下载、nvm安装、nvm修改镜像源、nvm使用》

                  • win + R ，输入cmd ，回车后，在命令行输入nvm root 命令，可以查看nvm的安装根路径在那个文件夹

                    

                    • 在文件管理器地址栏输入root地址，找到setting.txt文件并打开

                      

                      • 复制粘贴以下代码，如图所示。保存完成nvm源修改。

                        node_mirror: https://npmmirror.com/mirrors/node/
                        npm_mirror:  https://npmmirror.com/mirrors/npm/
                        

                        

                        四、nvm常用命令

                        参考文章《nvm下载、nvm安装、nvm修改镜像源、nvm使用》

                        • nvm install ：安装指定版本的 Node.js。
                        • nvm use ：切换到指定版本的 Node.js。
                        • nvm ls：列出已安装的所有 Node.js 版本。
                        • nvm alias ：给指定版本创建别名。
                        • nvm run ：在指定版本下运行脚本。
                        • nvm current：显示当前正在使用的 Node.js 版本。
                        • nvm uninstall ：卸载指定版本的 Node.js。

                          五、nvm配置环境变量

                          参考文章《安装nvm，并使用nvm安装nodejs及配置环境变量》

                          • 环境变量打开方式：我的电脑->属性->高级系统设置->环境变量->
                          • 确认与如下配置保持一致（默认nvm安装成功后，会自动生成）

                            

                            • win + R ，输入cmd ，回车后，在命令行输入nvm -v 命令，返回版本号，证明配置成功。

                              

                              六、安装nodejs及环境变量配置

                              参考文章《安装nvm，并使用nvm安装nodejs及配置环境变量》

                              1、通过nvm安装node

                              • 查看node.js最新的一批版本(版本号：偶数是绝对稳定版本 基数是不一定稳定版本)
                              • nvm list available

                                

                                • 安装指定的版本：nvm install 10.23.0
                                • 查看安装的所有版本：nvm list 或 nvm ls
                                • 进入或切换版本：nvm use 18.15.0

                                  

                                  • 安装成功后会成对应的文件夹，如下图所示

                                    

                                    • 检查是否安装成功： node -v 查看node的版本、npm -v 查看npm的版本

                                      

                                      2、node环境变量配置

                                      （1） 配置全局安装的模块路径和缓存路径

                                      • 首先在NVM的安装目录新建两个文件夹node_global和node_cache

                                        

                                        • 创建完两个文件夹后，在cmd窗口中输入以下命令（两个路径即是两个文件夹的路径）

                                          npm config set prefix "D:\Programs\nvm\node_global"
                                          npm config set cache "D:\Programs\nvm\node_cache"
                                          

                                          

                                          （2）设置用户变量

                                          • 【用户变量】中的path变量，%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有，新建进去。
                                          • 如果有C:\Users\用户名\AppData\Roaming\npm，则将其修改为D:\Programs\nvm\node_global(刚刚新建node_global文件夹的位置)，如果没有就自己新建D:\Programs\nvm\node_global，总之保证有以下图片中内容

                                            

                                            （3）设置系统变量

                                            • path变量的设置和用户变量中一致

                                              

                                              • 新建环境变量 NODE_PATH，值为D:\Programs\nvm\node_global\node_modules，其中D:\Programs\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹

                                                

                                                

                                                3、测试

                                                • 全局安装最常用的 express 模块 进行测试
                                                • npm install express -g
                                                • 完成后会得到一个express的文件

                                                  

                                                  

                                                  4、设置淘宝的镜像并查看

                                                  npm config set registry https://registry.npmmirror.com/
                                                   
                                                  npm config get registry
                                                  

                                                  

                                                  七、全局安装cnpm

                                                  参考文章《基于nvm管理node版本下npm和cnpm以及yarn指令》

                                                  • cnpm 本身就是国内的 因此无需配置镜像
                                                  • cnpm安装【图片中的示例是旧地址，没更新，复制下方代码即可】

                                                    npm install -g cnpm --registry=https://registry.npmmirror.com/
                                                    

                                                    或

                                                    npm install -g cnpm
                                                    

                                                    • 查看cnpm版本

                                                      cnpm -v
                                                       
                                                      npm list cnpm -g
                                                      

                                                      

                                                      八、全局安装yarn

                                                      参考文章《基于nvm管理node版本下npm和cnpm以及yarn指令》

                                                      • yarn安装

                                                        npm install yarn -g 
                                                        

                                                        

                                                        • 设置淘宝的镜像并查看

                                                          // 查看镜像
                                                          yarn config get registry
                                                          // 修改镜像
                                                          yarn config set registry https://registry.npmmirror.com
                                                          

                                                          

                                                          九、笔者的安装目录结构