NVM:安装配置使用(详细教程)

文章目录

一、简介

在实际的开发和学习中可能会遇到不同项目的 node 版本不同,而出现的兼容性问题。 而 nvm 就可以很好的解决这个问题,它可以在同一台机器上下管理多个 node 版本,使得程序员可以轻松地安装、卸载和切换不同的 node 版本。

在下载和配置 nvm 前,需要在控制面板中先删除自己本地的 node,不然会出现一些异常情况。


二、安装 nvm

点击下载(百度网盘)

下载到本地后,直接点击安装程序,具体操作如下:

  • 第一步:双击安装程序
  • 第二步:许可协议
  • 第三步:选择 nvm 的安装位置
  • 第四步:选择 node 的安装路径

放在下载 nvm 的目录,并且在同级创建一个 nodejs 的目录。

  • 第五步:准备安装
  • 第六步:安装完成

三、配置 nvm 镜像

这一步是配置下载 nodenpm 时采用淘宝镜像,默认是从官方镜像下载依赖会比较慢。

进入nvm >> settings.txt 文件,在文件的末尾加上下面两行内容,记得保存:

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


四、配置环境变量

返回桌面,右键 此电脑 >> 属性 >> 高级系统设置 >> 环境变量

在我们安装时,环境变量它会自动帮我们在系统中配置好,具体如下:


五、使用教程

5.1 常用命令

命令 说明
nvm --version 查看 nvm 版本
nvm list available 查询可在线安装的 node
nvm install <version> 下载指定版本的 node
nvm use <version> 切换 node 版本
nvm current 显示当前 node 版本
nvm ls 或 nvm list 查询已安装的 node
nvm uninstall <version> 卸载指定版本的 node

5.2 具体案例

以管理员身份打开 CMD。

  • 第一步:查看 nvm 版本
shell 复制代码
nvm -v
  • 第二步:查看可在线安装的 node 版本
shell 复制代码
nvm list available
  • 第三步:安装 node
shell 复制代码
nvm install 14.21.3
  • 第四步:查看已下载 node
shell 复制代码
nvm ls
  • 第五步:使用 node
shell 复制代码
nvm use 14.21.3

在你安装完 node,并使用后。最开始创建的 nodejs 文件夹就会被标记为 node 的下载路径,通过 nvm 下载的 node 都会存储在这里。

  • 第六步:查看 node 信息
shell 复制代码
# 查看 node 版本
node -v
# 查看 npm 版本
npm -v
# 配置 npm 淘宝镜像
npm config set registry https://registry.npmmirror.com
# 查看 npm 镜像源
npm config get registry
  • 第七步:卸载 node
shell 复制代码
nvm uninstall 14.21.3

卸载完后,目前就没有可用的 node 版本。


六、结语

至此,本文结束,如果有什么问题,欢迎在评论区中评论,如果这篇文章对您有所帮助,希望可以点赞、收藏加关注,感谢。


相关推荐
寅时码39 分钟前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听61343 分钟前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby1 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6131 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹1 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6131 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue1 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue1 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法
小林ixn2 小时前
从 onclick 到 React 合成事件,再到完整应用逻辑:一次前端架构的深度剖析
前端·react.js·前端框架
Csvn3 小时前
🧩「找不到模块」排查全记录——Monorepo 下 TypeScript 路径别名的 5 种「不通」与根治方案
前端