【Node.js】使用 nvm 管理不同版本的 node 与 npm(nvm-windows的安装与使用)

在我们的日常开发中经常会遇到这种情况:
手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的 Node.js 运行环境。
如果没有一个合适的工具来同统一管理Node.js的版本,这个问题将非常棘手(因为你不可能一直手动重装Node.js到不同的版本,这样费时费力)。

1. nvm、node、npm 区别

nvm:nodejs 版本管理工具,也就是说:一个 nvm 可以管理很多 node 版本和 npm 版本。

nodejs:在项目开发时的所需要的代码库。

npm:nodejs 包管理工具,在安装的 nodejs 的时候,npm 也会跟着一起安装,它是包管理工具,npm 管理 nodejs 中的第三方插件。

2. nvm、node、npm 关系

nvm 管理 nodejs 和 npm 的版本,npm 可以管理 nodejs 的第三方插件。

3. 安装 nvm

由于我是Windows系统所以这里只介绍此版本下的nvm-windows
在安装 nvm-windows 之前,需要将电脑中已有的node版本卸载并删除干净,否则可能会影响 nvm-windows 的正常使用

1、卸载后重启电脑(关闭与node相关的进程)
2、删除残留文件

  • C:\Users{User}\AppData\Roaming\npm
  • C:\Users{User}\AppData\Roaming\npm-cache

3、删除环境变量中的node 或 npm 的引用

  • 右击“我的电脑” ,选择“属性”,找到“高级系统设置”,进入“环境变量”,找到“path"中 node 或 npm 的引用,删除即可

下载安装地址:https://github.com/coreybutler/nvm-windows/releases/tag/1.1.9
滑动到下方,点击下载,按提示语安装,可以自定义目录
【Node.js】使用 nvm 管理不同版本的 node 与 npm(nvm-windows的安装与使用)_第1张图片

4. 使用 nvm-windows

1、测试是否安装成功(打开cmd:直接打开或用管理员身份打开)

nvm 

看到以下内容,说明已安装成功
【Node.js】使用 nvm 管理不同版本的 node 与 npm(nvm-windows的安装与使用)_第2张图片

2、配置淘宝镜像

输入以下命令进行配置:

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

3、下载 node

nvm install 版本号

nvm install 14.18.0

4、查看已安装的 node 版本

nvm ls 
nvm list

5、使用指定版本的 node

nvm use 版本号

nvm use 16.13.2

6、查看 node 版本

node -v

【Node.js】使用 nvm 管理不同版本的 node 与 npm(nvm-windows的安装与使用)_第3张图片

7、注意事项

  • 非管理员运行cmd切换版本时会抛出异常,且无法切换Node版本
  • 安装好了Node,不必再管npm,安装Node时候已经绑定安装了对应的npm版本

也可以额外配置全局npm与cnpm

安装node的时候,npm其实也已经一起安装了。因为nvm可以管理多个版本的node,如果每次添加一个node版本都要安装一堆的包很麻烦,如果有一个npm可以让各个版本的node共用,就不会这么麻烦了,这就是为什么我们要配置一个全局的npm的原因。

# 1.配置用npm下载包时全局安装的包路径(具体地址自选)
npm config set prefix "D:\01tools\npm"

# 2.安装全局npm,不同的node都使用这个npm,想更新全局的npm的话首先删除全局路径下的npm(就是上一行命令的地址,可以使用npm config ls查看)
npm install npm -g --registry=https://registry.npmmirror.com

# 3.在用户变量中添加 NPM_HOME=D:\01tools\npm

# 4.path中添加%NPM_HOME%

此时全局npm已经安装成功,可继续配置cnpm

# 使用淘宝镜像cnmp替代npm
npm install -g cnpm --registry=https://registry.npmmirror.com
# 验证cnpm是否可用
cnpm config get registry  

显示如下
在这里插入图片描述

注意: 原淘宝 npm 域名即将停止解析
【Node.js】使用 nvm 管理不同版本的 node 与 npm(nvm-windows的安装与使用)_第4张图片

8、常用命令

nvm ls                   # 查看已安装的 node 版本
nvm install 版本号       # 安装指定版本的 node
nvm use 版本号           # 切换指定版本
nvm uninstall 版本号     # 卸载指定版本
nvm list available       # 查看可安装的 node 版本

5. 总结

感觉很不错的样子,芜湖起飞

你可能感兴趣的:(node.js,npm,node.js)