nvm、nrm、npm安装与配置详解

nvm、nrm、npm安装与配置详解

---

目录

---

---

内容

---

1、三者的区别

• nvm(node.js version management) ：node.js版本管理，用于管理多个node.js版本共存、切换等
• npm(node.js package management)：node.js 包管理，用于管理node.js包的下载等等
• nrm(node.js resource management)： node.js 下载源管理，用于切换下载源，实现快速下载包

2、nvm实现node多版本管理

2.1、安装nvm

步骤：

1. 下载nvm

   • 官网地址：+ nvm-windows下载地址

2. 安装及环境变量配置

   1. 安装版本（nvm-install.zip），可以自动添加环境变量，一直下一步就可以，这里不在详述。
      • 注意事项
        • 不要安装在有中文和空格的目录下面
   2. 免安装版(nvm-noinstall.zip)，需要自己手动设置环境变量
      • 直接解压到指定目录，我自己的目录是E:\program\node
      • 设置环境变量，
        • 桌面->我的电脑->右键->属性->高级系统设置->高级选项卡->环境变量
        • 新建NVM_HOME 值：E:\program\node\nvm（填自己的目录x:\xxx\nvm）
        • 新建NVM_SYMLINK, 值:E:\program\node\nodejs(这里目前没有这个目录，其实是node.js版本目录的快捷方式，暂时不用管，后面自动生成)
        • 找到path ，点击编辑，注意后面添加，不要删除或者修改你不知道干嘛用的值，添加："%NVM_HOME%;%NVM_SYMLINK%; “。”;"是分割符。

小提示：

3. 如果是安装的，nvm目录下面会自动生成setttings.txt配置文件，如果是免安装的自己手动新建一个，内容如下

    root: E:/program/node/nvm 
    path: E:/program/node/nodejs 
    arch: 64 
    proxy: none
    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/
   

   • 解析：
     • root：nvm家目录
     • path：node.js版本快捷方式目录，自动生成的时候用到，不要手动创建
     • arch：系统架构 64位
     • proxy：代理不需要设置
     • node_mirror：node镜像地址
     • npm_mirror：npm镜像地址

4. 测试

   • cmd命令行输入nvm version 出现如图，表示安装和配置成功，下面开始安装和配置npm:

   • nvm use 切换版本 nvm ls 查看版本列表，当前版本前面会有"*"号

   • 查看nvm同级目录的nodejs快捷方式，当切换的时候nvm会帮我们自动更换，不要自己手动改。

3、npm安装与配置-node.js

• 说明：
  • 安装node.js自动安装了相应版本的npm
  • 如果是不需要安装node.js多版本，那么直接去官网下载安装相应node.js版本即可
  • 如果出现项目需要一个稳定版本，但是自己想要尝试一下新版本的东西，那么需要安装多版本，这里就不要nvm直接安装node.js

步骤：

1. 手动去官网下载node.js想要版本,建议直接下载node.js的二进制免安装包：如图

   • 二进制.zip免安装下载

     • 

     • 

   • 官网地址：node.js

   • 12.18.4版本为目前长期稳定版本，适合项目使用

   • 14.12.0为最新发布版本，适合测试用

2. 以v12.18.4为例

   • 解压node-v12.18.4-win-x64.zip文件

   • 把有node.exe的上一层目录重命名v12.18.4

   • 把v12.18.4文件夹移动到nvm目录下（上面nvm的家目录），我自己的是：E:\program\node\nvm

   • cmd命令行输入命令：

     nvm ls
     nvm use 12.18.4
     

   • 成功标志

     • nvm ls再次查看，当前使用node.js版本前面会有"*"号
     • 查看nvm同级目录下面会有nodejs快捷图标，指向v12.18.4这个文件夹，如图：
       ，不要手动创建这个nodejs快捷方式

   • 以相同方式解压、重命名、移动v14.12.0

   • nvm ls如图：

   • node -V,npm -V查看如图正确显示版本，说明安装成功

3. npm配置和环境变量配置

   • 说明

     • npm默认缓存文件、全家安装目录在C盘，当安装包很多的时候，会影响系统运行，一般建议改为其他盘的地址
     • npm默认下载源为国外的地址，下载速度-龟速，我们也会修改下载源

   • 修改准备：

     • 在v12.18.4目录下新建node_cache、node_global2个文件夹，v14.12.0做相同操作

   • 修改命令

       npm config set registry "https://registry.npm.taobao.org/"
       npm config set cache "E:\program\node\nodejs\node_cache"
       npm ocnfig set prefix "E:\program\node\nodejs\node_global"
     

   • 解释

     • 第一条命令修改下载源为国内淘宝源
     • 第二条修改缓存地址为当前使用node.js版本目录下的node_cache目录，用于下载和安装包时放置临时文件什么的
     • 第三天修改npm全局安装包的地址
     • 地址为自己的地址，记得用nodejs快捷方式,不要直接写v12.18.4文件夹，这样切换版本的时候才一直有效

   • 下面配置环境变量

     • 在path后面添加"%NVM_SYMLINK%\node_global",作用使全局安装的包指令生效，比如全局安装vue,命令行直接输入vue -V，可以打印版本；如果不配做，提升vue命令无效之类的错误；

4. 现在npm安装和配置完成，在下面nrm里面我们测试安装全局包nrm

• 关于多版本node.js安装与免安装对比
  • 安装
    • 安装方便，直接下一步
    • 但是多版本注意需要先安装旧版本，在安装新版本，不然安装不了旧版本
    • 其他问题没测试，我自己用的免安装的
  • 免安装：
    • 需要解压、重命名、移动，部署麻烦一点
    • 但是没有前后灯的限制，需要什么版本直接挪过来就可以

4、nrm切换源

有时候某个下载源可能很慢，那怎么解决呢？

1. 全局安装nrm

    npm i nrm -g
   

2. nrm ls查看全部可用源，nrm use切换源，详细命令使用自行查阅相关文档

至此nvm、npm、nrm全部安装和配置完毕

后记 ：

欢迎交流，本人QQ:806797785

项目源代码地址：https://gitee.com/gaogzhen