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 版本。


六、结语

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


相关推荐
weixin_4896900213 小时前
MicroSIP自定义web拨打协议
服务器·前端·windows
幻云201013 小时前
Python机器学习:筑基与实践
前端·人工智能·python
web小白成长日记13 小时前
Vue3中如何优雅实现支持多绑定变量和修饰符的双向绑定组件?姜姜好
前端·javascript·vue.js
晴天飛 雪13 小时前
Spring Boot 接口耗时统计
前端·windows·spring boot
0思必得013 小时前
[Web自动化] Selenium模拟用户的常见操作
前端·python·selenium·自动化
Apifox.13 小时前
测试用例越堆越多?用 Apifox 测试套件让自动化回归更易维护
运维·前端·后端·测试工具·单元测试·自动化·测试用例
玉梅小洋14 小时前
Chrome设置链接自动跳转新标签页而不是覆盖
前端·chrome
EndingCoder14 小时前
反射和元数据:高级装饰器用法
linux·运维·前端·ubuntu·typescript
Marshmallowc14 小时前
React性能优化:useState初始值为什么要用箭头函数?深度解析Lazy Initialization与Fiber机制
前端·react.js·性能优化·前端框架·react hooks
Coder_Boy_14 小时前
基于SpringAI的在线考试系统-试卷管理模块完整优化方案
前端·人工智能·spring boot·架构·领域驱动