mac nvm安装及使用(nvm安装指定版本node npm pnpm)

mac nvm安装及使用(nvm安装指定版本node npm pnpm)

1.卸载电脑的node

打开终端:依次执行以下命令:

powershell 复制代码
  sudo rm -rf /usr/local/bin/npm
  sudo rm -rf /usr/local/share/man/man1/node.1
  sudo rm -rf /usr/local/lib/dtrace/node.d
  sudo rm -rf ~/.npm
  sudo rm -rf ~/.node-gyp
  sudo rm /usr/local/bin/node

验证: node -v 不显示版本号即为卸载成功

2.安装 nvm

终端窗口输入以下命令

powershell 复制代码
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash

如报这个错 curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 8 ms: Couldn't connect to server

说明 raw.githubusercontent.com 的ip地址变了,需要配置环境变量

https://www.ipaddress.com/ip-lookup 这里查询ip

新增一行以下代码配置hosts : (查询最新的ip)

powershell 复制代码
185.199.111.133 raw.githubusercontent.com

再次重试就可以了

安装成功的样子

如果安装成功后终端输出红框提示则需要配置环境变量:将这个复制出来,粘贴到终端上,回车执行一下就可以了,或者一个新的项目文件夹下提示command not found: nvm , 也是需要配置环境变量

配置环境变量:为了让终端能够识别并使用nvm,你需要将nvm的路径添加到你的shell配置文件中。执行以下命令来配置环境变量

powershell 复制代码
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

每一个新的项目文件夹下都要配环境变量,否则会报command not found: nvm,这段代码直接粘贴到终端回车就行了

输入 nvm --version 出现nvm版本号则安装成功

3.安装node

1.先执行 nvm install node 安装最新的node

2.在执行 nvm install v8.8.0 安装指定版本(v8.8.0)的node

4.常用的nvm命令

nvm use 来切换当前使用的Node.js版本

nvm list来列出已安装的版本等

nvm --help来查看所有可用的命令和选项

// 使用nvm 查看可使用的在线node版本

nvm ls available // windows

nvm ls-remote // MacOS

// 下载node指定版本

nvm install 12.14.1

nvm install 20.14.0

// 查看管理的node版本

nvm ls

// 使用指定的node版本

nvm use 20.14.0

// 卸载指定node版本 需要切换到其他版本

nvm uninstall 12.14.1

4.安装指定版本的npm

  1. nvm use 16.20.0 //切换到对应的node版本:
  2. npm install -g npm@6.14.8 //在该node版本下全局安装npm
  3. npm -v // 查看版本号 验证安装是否成功

5.安装指定版本的pnpm

  1. nvm use 16.20.0 //切换到对应的node版本:
  2. npm install -g pnpm@8.6.2 //在该node版本下全局安装pnpm
  3. pnpm -v // 查看版本号 验证安装是否成功

6.node版本与npm pnpm 版本关系

node版本下安装的npm 或者pnpm 是一一对应的,如果切换node版本,对应版本下的npm 或者pnpm也会切换,如果切换node版本后, pnpm/npm -v 发现没有安装,则需要安装

设置镜像源相关命令

什么时候用: npm install 包 报错的时候,或者想要切换镜像源的时候

powershell 复制代码
#查看当前镜像源地址
npm config get registry
#强制清除npm缓存
npm cache clean --force 
#设置镜像源
npm config set registry https://registry.npm.taobao.org/ #旧的
npm config set registry https://registry.npmjs.org/ #旧的
npm config set registry https://registry.npmmirror.com/ #最新的,使用这个就行
相关推荐
1024肥宅6 小时前
JavaScript性能与优化:手写实现关键优化技术
前端·javascript·面试
一字白首6 小时前
Vue 项目实战,从注册登录到首页开发:接口封装 + 导航守卫 + 拦截器全流程
前端·javascript·vue.js
前端西瓜哥6 小时前
平面几何:如何绘制一个星形?
前端
天天扭码6 小时前
解放双手!使用Cursor+Figma MCP 高效还原响应式设计稿
前端·mcp
今天不要写bug6 小时前
基于qrcode前端实现链接转二维码的生成与下载
前端·javascript·typescript·vue
JIngJaneIL6 小时前
基于Java + vue干洗店预约洗衣系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
搬山境KL攻城狮6 小时前
记-SPA单页面应用Chrome自动翻译导致中文错别字问题
前端·chrome
HIT_Weston7 小时前
61、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(五)
前端·ubuntu·gitlab
旺仔Sec7 小时前
2026年度河北省职业院校技能竞赛“Web技术”(高职组)赛项竞赛任务
运维·服务器·前端
用户4099322502127 小时前
Vue的Class绑定对象语法如何让动态类名切换变得直观高效?
前端·ai编程·trae