macOS 安装 Homebrew、nvm 及安装切换 node 版本

一、安装Homebrew

提示:在安装 nvm 时,如果使用 brew 方式安装,就要先安装 Homebrew

1、打开终端,输入以下指令(官网可获取最新命令):

  • 国外镜像
bash 复制代码
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  • 国内镜像
bash 复制代码
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2、检查是否安装成功,输入以下指令

bash 复制代码
brew -v

二、使用Homebrew安装NVM

1、安装完Homebrew后,在终端中执行以下命令来安装NVM

bash 复制代码
brew install nvm

2、检查是否安装成功,输入以下指令

bash 复制代码
nvm -v

提示:如果遇到 zsh: command not found: nvm,请配置环境变量

3、配置环境变量:

根据默认 shell 来决定操作文件

.bash_profile‌:主要用于Bash Shell。Bash是许多类UNIX系统的默认Shell,特别是在较旧的Mac系统或以Bash为主要Shell的环境中常用‌

‌.zshrc‌:与Zsh Shell相关。Zsh是一种功能强大的Shell,近年来在Mac系统中逐渐流行,特别是从macOS Catalina版本开始,Zsh成为默认Shell‌

macOS Catalina之前版本,编辑或创建 ~/.bash_profile 文件

macOS Catalina及以后版本,编辑或创建 ~/.zshrc 文件

在文件中添加以下配置环境变量的指令:

bash 复制代码
export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
  • 方式一:

    1️⃣ 打开 访达,依次点击屏幕左上方 菜单栏>前往>前往文件夹,输入英文 ~ 回车,找到 .zshrc.bash_profile 文件(根据shell决定文件)并打开;

    2️⃣ 如果没有找到文件,Command + Shift + .. 为句号键)可查看隐藏文件

    3️⃣ 打开后复制上面配置环境变量指令,新起一行粘贴,command + s 保存

    4️⃣ 最后输入 source ~/.zshrcsource ~/.bash_profile(根据shell决定文件)使文件生效,再用 nvm -v 检查即可

  • 方式二:

    1️⃣ 使用 vim 编辑,打开终端,输入 vim ~/.zshrcvim ~/.bash_profile 指令(根据shell决定文件),按照提示操作,在新打开的文件中粘贴上面配置环境变量指令,保存

    2️⃣ 如不熟悉 vim 操作,请先了解相关操作

    3️⃣ 最后输入 source ~/.zshrcsource ~/.bash_profile(根据shell决定文件)使文件生效,再用 nvm -v 检查即可

三、使用 nvm 安装,切换 node 版本

1、安装(数字代表哪个版本,需要哪个输入哪个)

bash 复制代码
nvm install 20

2、查看已安装 node 版本

bash 复制代码
nvm list

3、切换 node 版本

bash 复制代码
nvm use 20

4、查看当前使用的 node 版本

bash 复制代码
node -v
相关推荐
萌萌哒草头将军3 小时前
⚡⚡⚡尤雨溪宣布开发 Vite Devtools,这两个很哇塞 🚀 Vite 的插件,你一定要知道!
前端·vue.js·vite
小彭努力中4 小时前
7.Three.js 中 CubeCamera详解与实战示例
开发语言·前端·javascript·vue.js·ecmascript
浪裡遊4 小时前
跨域问题(Cross-Origin Problem)
linux·前端·vue.js·后端·https·sprint
LinDaiuuj4 小时前
判断符号??,?. ,! ,!! ,|| ,&&,?: 意思以及举例
开发语言·前端·javascript
敲厉害的燕宝5 小时前
Pinia——Vue的Store状态管理库
前端·javascript·vue.js
Aphasia3115 小时前
react必备JavaScript知识点(二)——类
前端·javascript
玖玖passion5 小时前
数组转树:数据结构中的经典问题
前端
呼Lu噜5 小时前
WPF-遵循MVVM框架创建图表的显示【保姆级】
前端·后端·wpf
珠峰下的沙砾5 小时前
Vue3 里 CSS 深度作用选择器 :global
前端·javascript·css
航Hang*5 小时前
WEBSTORM前端 —— 第2章:CSS —— 第3节:背景属性与显示模式
前端·css·css3·html5·webstorm