笔记:一台电脑如何安装多个不同版本的Node并能自由切换(NVM)

前言:相信大家在做前端开发时公司有vue2和vue3的项目需要维护或自学,vue2大多只需要Node 14版本,而vue3则是16或18,但电脑只能装一个Node,可我全都要。比如一会切到Node14 vue2开发,一会切到Node 16或18 vue3开发,所以我就突发奇想如果一台电脑能装多个不同Node版本,同时能自由切换,那该多幸福啊,它就是NVM。😊

1、下载

链接:https://pan.baidu.com/s/1JU-lGGB6Vf0ZQ3zi-NYHUQ

提取码:cbwy

2、卸载电脑node.js

3、删除环境变量中 系统或用户 的PATH中的node.js路径

操作:两种方式,选其中一种

第一种:按windows键,输入环境变量即可。

第二种:右键我的电脑 --- 关于(点击右上角的"高级系统设置") --- 点击环境变量

4、双击nvm安装包,选择安装路径到其他盘符,node安装的路径要提前给它创建一个文件夹,然后指定下载到此路径。

5、查看nvm是否已安装 nvm -v

6、打开nvm安装目录的setting.txt,把以下两句复制进去,保存后关闭。作用:改为国内淘宝镜像,加速下载npm依赖包。如果要改为国外,那将这两行删除就行。

node_mirror: https://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

7、查看node有多少版本,但是显示不全 nvm list available

所以访问这个链接:https://nodejs.org/en/download/releases ,然后到node官方看有哪些我们要的版本,记住版本号

8、开始安装不同的node版本 nvm install 版本号, 例如:nvm install 14.21.3 安装完检查node版本是否已成功安装 node -v

我还想再装一个16版本的,nvm install 16.20.0 ,node -v 查版本

9、切换node 版本,假设14要切换到16,nvm use 16, 也可以精确的切换版本号 例如:nvm use 16.20.3 简写即可,小版本号其实无需加。

10、拓展:如需安装pnpm, 前置要求,node版本至少18.17.0 - 20.5.0 npm:10.2.5 这是官方要求的

复制代码
 所以需要再装一个18.17.0的node版本    nvm install 18.17.0       
 切换到18版本安装node10.2.5      nvm use 18             npm install -g [email protected]               pnpm安装完毕

11、查看npm下载依赖的来源 npm config get registry

后话

如果看完还是迷迷糊糊的请看官方教程哈, https://nvm.uihtm.com/

毕竟这是我个人的笔记,写得比较精简,谅解一下哈。

nvm常用命令整理

js 复制代码
nvm off                      // 禁用node.js版本管理(不卸载任何东西)
nvm on                       // 启用node.js版本管理
nvm install <version>        // 安装node.js的命名version是版本号例如:nvm install 8.12.0
nvm uninstall <version>      // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用
nvm 1s                       // 显示所有安装的node.js版本
nvm list available           // 显示可以安装的所有node.js的版本
nvm use <version>            // 切换到使用指定的nodejs版本
nvm v                        // 显示nvm版本
nvm install stable           // 安装最新稳定版
相关推荐
腾讯TNTWeb前端团队1 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰4 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪5 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪5 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy5 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom6 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom6 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom6 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom6 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom6 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试