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


六、结语

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


相关推荐
灵感__idea3 小时前
Hello 算法:让前端人真正理解算法
前端·javascript·算法
向葭奔赴♡4 小时前
CSS是什么?—— 网页的“化妆师”
前端·css
黑犬mo4 小时前
在Edge、Chrome浏览器上安装uBlock Origin插件
前端·edge
excel4 小时前
🧩 Vue 3 watch 源码详解(含完整注释)
前端·javascript·vue.js
大前端helloworld4 小时前
前端梳理体系从常问问题去完善-网络篇
前端·面试
excel4 小时前
🌿 一文看懂 Vue 3 的 watch 源码:从原理到流程
前端
繁依Fanyi5 小时前
让工具说话:我在 Inspira Board 里用 AI 把“能用、好用、可复用”落成了日常
前端
weixin_456904276 小时前
C# 中的回调函数
java·前端·c#
kura_tsuki6 小时前
[Web网页] LAMP 架构与环境搭建
前端·架构
yinuo6 小时前
UniApp+Vue3多分包引入同一 npm 库被重复打包至 vendor 的问题分析与解决
前端