Windows11安装nvm管理node多版本

Windows11安装nvm管理node多版本

下载地址

地址: https://github.com/coreybutler/nvm-windows/releases



下面这里说的是通知我就没勾选了

下面可以不填写

最后有一步忘记截图了是安装,直接Install即可

配置nvm下载镜像

安装成功nvm后先别急着安装node,因为node是国外的链接,下载会比较慢,因此我们需要设置一下国内的镜像地址,加快下载的速度。

1、打开刚刚安装nvm的地址,找到settings.txt

shell 复制代码
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

配置环境变量

设置系统变量和用户变量的作用是什么呢?

答:为了命令行安装包时,将包安装到自己设置的目录下。

1、在nvm的 nodejs 安装路径D:\Users\Software\nodejs新建两个文件夹命名为 node_globalnode_cache

2、cmd命令行输入

shell 复制代码
npm config set prefix "D:\Users\Software\nodejs\node_global"
npm config set cache "D:\Users\Software\nodejs\node_cache"

3、系统环境变量,新增:NODE_PATH 值为 D:\Users\Software\nodejs\node_modules

4、用户环境变量,Path里添加:D:\Users\Software\nodejs\node_globaD:\Users\Software\nodejs\node_cache

5、测试安装全局模块

shell 复制代码
# 指定全局安装express模块,安装成功的话表示环境变量配置成功
npm install -g express

实操命令

shell 复制代码
# 查看安装好的nvm版本
C:\Users\33476>nvm -v
1.2.2
# 查询可插入版本号,LST表示可插入稳定版本
C:\Users\33476> nvm list available

|   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
|    25.1.0    |   24.11.0    |   0.12.18    |   0.11.16    |
|    25.0.0    |   22.21.1    |   0.12.17    |   0.11.15    |
|   24.10.0    |   22.21.0    |   0.12.16    |   0.11.14    |
|    24.9.0    |   22.20.0    |   0.12.15    |   0.11.13    |
|    24.8.0    |   22.19.0    |   0.12.14    |   0.11.12    |
|    24.7.0    |   22.18.0    |   0.12.13    |   0.11.11    |
|    24.6.0    |   22.17.1    |   0.12.12    |   0.11.10    |
|    24.5.0    |   22.17.0    |   0.12.11    |    0.11.9    |
|    24.4.1    |   22.16.0    |   0.12.10    |    0.11.8    |
|    24.4.0    |   22.15.1    |    0.12.9    |    0.11.7    |
|    24.3.0    |   22.15.0    |    0.12.8    |    0.11.6    |
|    24.2.0    |   22.14.0    |    0.12.7    |    0.11.5    |
|    24.1.0    |   22.13.1    |    0.12.6    |    0.11.4    |
|    24.0.2    |   22.13.0    |    0.12.5    |    0.11.3    |
|    24.0.1    |   22.12.0    |    0.12.4    |    0.11.2    |
|    24.0.0    |   22.11.0    |    0.12.3    |    0.11.1    |
|   23.11.1    |   20.19.5    |    0.12.2    |    0.11.0    |
|   23.11.0    |   20.19.4    |    0.12.1    |    0.9.12    |
|   23.10.0    |   20.19.3    |    0.12.0    |    0.9.11    |
|    23.9.0    |   20.19.2    |   0.10.48    |    0.9.10    |

This is a partial list. For a complete list, visit https://nodejs.org/en/download/releases
# 下载指定版本的 nodejs:如16.14.0(nodejs版本号)
C:\Users\33476>nvm install 16.14.0
Downloading node.js version 16.14.0 (64-bit)...
Extracting node and npm...
Complete
Installation complete.
If you want to use this version, type:
nvm use 16.14.0
# 查看系统上已安装的 nodejs 版本
C:\Users\33476>nvm ls

    16.14.0
# 切换目前使用的 nodejs 版本
C:\Users\33476>nvm use 16.14.0
Now using node v16.14.0 (64-bit)

C:\Users\33476>nvm ls

  * 16.14.0 (Currently using 64-bit executable)
# 卸载指定版本的 nodejs
C:\Users\33476>nvm uninstall 16.14.0
Uninstalling node v16.14.0... done
C:\Users\33476>nvm ls

No installations recognized.

C:\Users\33476>nvm install 16.14.0
Downloading node.js version 16.14.0 (64-bit)...
Extracting node and npm...
Complete
Installation complete.
If you want to use this version, type:

nvm use 16.14.0

C:\Users\33476>nvm ls

    16.14.0

C:\Users\33476>nvm use 16.14.0
Now using node v16.14.0 (64-bit)

C:\Users\33476>nvm ls

  * 16.14.0 (Currently using 64-bit executable)
# 修改npm镜像源为淘宝镜像,加快npm包的下载速度
C:\Users\33476>npm config set registry https://registry.npmmirror.com
# 检查是否设置淘宝镜像成功,返回淘宝镜像既是成功
C:\Users\33476>npm config get registry
https://registry.npmmirror.com/
# 安装 nrm 来管理 npm 源
C:\Users\33476>npm install -g nrm
# ----------此处省略输出内容------------
added 31 packages in 3s
npm notice
npm notice New major version of npm available! 8.3.1 -> 11.6.2
npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.6.2
npm notice Run npm install -g npm@11.6.2 to update!
npm notice
# 查看可选的源。其中带*号的是当前使用的源
C:\Users\33476>nrm ls
  npm ---------- https://registry.npmjs.org/
  yarn --------- https://registry.yarnpkg.com/
  tencent ------ https://mirrors.tencent.com/npm/
  cnpm --------- https://r.cnpmjs.org/
* taobao ------- https://registry.npmmirror.com/
  npmMirror ---- https://skimdb.npmjs.com/registry/
  huawei ------- https://repo.huaweicloud.com/repository/npm/

C:\Users\33476>npm config set prefix "D:\Users\Software\nodejs\node_global"
C:\Users\33476>npm config set cache "D:\Users\Software\nodejs\node_cache"

C:\Users\33476>npm install -g express
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'express@5.1.0',
npm WARN EBADENGINE   required: { node: '>= 18' },
npm WARN EBADENGINE   current: { node: 'v16.14.0', npm: '8.3.1' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'body-parser@2.2.0',
npm WARN EBADENGINE   required: { node: '>=18' },
npm WARN EBADENGINE   current: { node: 'v16.14.0', npm: '8.3.1' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'merge-descriptors@2.0.0',
npm WARN EBADENGINE   required: { node: '>=18' },
npm WARN EBADENGINE   current: { node: 'v16.14.0', npm: '8.3.1' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'router@2.2.0',
npm WARN EBADENGINE   required: { node: '>= 18' },
npm WARN EBADENGINE   current: { node: 'v16.14.0', npm: '8.3.1' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'send@1.2.0',
npm WARN EBADENGINE   required: { node: '>= 18' },
npm WARN EBADENGINE   current: { node: 'v16.14.0', npm: '8.3.1' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'serve-static@2.2.0',
npm WARN EBADENGINE   required: { node: '>= 18' },
npm WARN EBADENGINE   current: { node: 'v16.14.0', npm: '8.3.1' }
npm WARN EBADENGINE }

added 68 packages in 6s

C:\Users\33476>

最后一说

nrm(npm registry manager)是一个用于管理和切换 npm 源的命令行工具。它允许您在不同的 npm 源之间进行切换,以加快包的下载速度,或者解决特定源无法访问的问题。nrm 提供了一组命令,可以列出可用的 npm 源、添加新源、测试源的响应速度,并切换当前使用的源。

nrm 常用的命令

shell 复制代码
# 查看可选的源。其中带*号的是当前使用的源
nrm ls
# 切换源:将当前的 npm 源切换为指定的源。可以使用源的名称或 URL 作为 参数
nrm use <registry>
# 添加源:添加一个新的 npm 源并指定其名称和 URL
nrm add <registry> <url>
# 测试源的速度:测试指定源的响应速度,并显示测试结果
nrm test <registry>
# 显示当前使用的源:当前正在使用的 npm 源的名称和 URL
nrm current

在日常开发中经常会遇到,手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的 Node.js 运行环境。如果没有一个合适的工具,这个问题将非常难办。

nvm 应运而生,NVM (Node Version Manager) 是一个用于管理多个 Node.js 版本的工具。nvm是 Node.js版本管理工具,为了解决 Node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的 Node.js。这对于开发人员来说非常有用,尤其是在需要支持不同版本 Node.js 的场景下。

nvm 常用命令

shell 复制代码
# 查看 nvm 版本:
nvm -v
# 打开nodejs版本控制
nvm on
# 关闭nodejs版本控制
nvm off
# 查看可下载的 nodejs 版本:
nvm list available 
# 下载指定版本的 nodejs:
nvm install [版本号] # 如 nvm install 16.20.0
# 卸载指定版本的 nodejs:
nvm uninstall [版本号] # 如 nvm uninstall 16.20.0
# 查看系统上已安装的 nodejs 版本:
nvm ls
# 切换目前使用的 nodejs 版本:
nvm use [版本号] # 如 nvm use 16.20.0
# 切换到最新版:
nvm use node
# 直接运行特定版本的 Node
nvm run [版本号] --version # 如 nvm run 16.20.0 --version
# 想了解更多指令可通过 nvm help 指令查看
相关推荐
b***7488几秒前
Vue开源
前端·javascript·vue.js
不知更鸟7 分钟前
前端报错:快速解决Django接口404问题
前端·python·django
D***t13139 分钟前
React图像处理案例
前端
万少1 小时前
我是如何使用 Trae IDE 完成《流碧卡片》项目的完整记录
前端·后端·ai编程
9***Y481 小时前
前端微服务
前端·微服务·架构
ByteCraze1 小时前
我整理的大文件上传方案设计
前端·javascript
前端小白۞2 小时前
vue2 md文件预览和下载
前端·javascript·vue.js
十里-2 小时前
为什么创建1x1的gif图片,和png 或者jpg图片有什么区别
前端
u***u6852 小时前
Vue云原生
前端·vue.js·云原生
OpenTiny社区2 小时前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码