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 指令查看
相关推荐
中国lanwp2 小时前
全局 npm config 与多环境配置
前端·npm·node.js
JELEE.3 小时前
Django登录注册完整代码(图片、邮箱验证、加密)
前端·javascript·后端·python·django·bootstrap·jquery
TeleostNaCl5 小时前
解决 Chrome 无法访问网页但无痕模式下可以访问该网页 的问题
前端·网络·chrome·windows·经验分享
前端大卫6 小时前
为什么 React 中的 key 不能用索引?
前端
你的人类朋友6 小时前
【Node】手动归还主线程控制权:解决 Node.js 阻塞的一个思路
前端·后端·node.js
小李小李不讲道理8 小时前
「Ant Design 组件库探索」五:Tabs组件
前端·react.js·ant design
毕设十刻8 小时前
基于Vue的学分预警系统98k51(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
mapbar_front9 小时前
在职场生存中如何做个不好惹的人
前端
牧杉-惊蛰9 小时前
纯flex布局来写瀑布流
前端·javascript·css