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/ #最新的,使用这个就行
相关推荐
ErMao几秒前
TypeScript的泛型工具集合
前端·javascript
涔溪12 分钟前
如何解决微前端架构中主应用和微应用的通信问题?
前端·架构
重铸码农荣光34 分钟前
深入理解 JavaScript 原型链:从 Promise.all 到动态原型的实战探索
前端·javascript·promise
我叫黑大帅41 分钟前
什么叫可迭代对象?为什么要用它?
前端·后端·python
颜渊呐41 分钟前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css
PineappleCoder1 小时前
pnpm 凭啥吊打 npm/Yarn?前端包管理的 “硬链接魔法”,破解三大痛点
前端·javascript·前端工程化
fruge1 小时前
前端文档自动化:用 VitePress 搭建团队技术文档(含自动部署)
运维·前端·自动化
CoolerWu2 小时前
TRAE SOLO实战成功展示&总结:一个所见即所得的笔记软体
前端·javascript
Cassie燁2 小时前
el-button源码解读1——为什么组件最外层套的是Vue内置组件Component
前端·vue.js
vx_bscxy3222 小时前
告别毕设焦虑!Python 爬虫 + Java 系统 + 数据大屏,含详细开发文档 基于web的图书管理系统74010 (上万套实战教程,赠送源码)
java·前端·课程设计