【2025年最新】M芯片MAC 的前端环境配置1、先配置好git 2、homebrew的安装 3、安装NVM 4、安装n

此方法默认下载arm64的node版本，只支持16版本以及以上的node，如需转译请看最后

一、先配置好git用户名和邮箱

这里不做操作介绍了，可自行查询。下载的Xcode自带git，因为后续brew包管理器可能会用到git下拉东西，最好先配置好。

二、 homebrew的安装

有两种途径

使用外网,执行以下指令,安装brew包管理工具（时常因为网络原因安装失败）

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

使用国内镜像安装（推荐）

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

按照提醒,选择自己想要的进行安装

三、安装NVM

执行安装nvm命令

brew install nvm

安装完，需要手动配置nvm

步骤分为四步

mkdir ~/.nvm
touch ~/.zshrc 
vim ~/.zshrc 
source ~/.zshrc

.zshrc 文件中的内容信息

#nvm 的配置
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # 加载 nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

# 自动使用默认 Node 版本（关键修复vscode新建终端不及时更新node版本的问题！）
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" && nvm use default --silent

#nvm use node版本自动化处理
nvm_use_default() {
  nvm use "$@"           # 调用原版 nvm use
  nvm alias default "$@" # 同步设置 default
}

# 可选：替换原版 nvm use
alias nvmuse='nvm_use_default'

四、 nvm安装并使用node

安装

安装想要安装的版本号

nvm install 18.16.1

使用或者切换相应的版本号

nvmuse 18.16.1

五、全局安装npm包管理器

这样便不会因为切换node，而再次安装yarn 和 pnpm了

 brew install yarn pnpm

六、设置npm源

npm config set registry https://registry.npmmirror.com 
yarn config set registry https://registry.npmmirror.com
pnpm config set registry https://registry.npmmirror.com

如果要消除yarn没有许可的警告可在用户的根目录下执行

yarn init -y  # 如果无 package.json，先初始化
yarn config set init.license MIT  # 设置默认 license
yarn init -y --force  # 保留原有配置，仅补充缺失字段

七、安装转译工具Rosetta 2（如果需要）

目前安装Rosetta2后，nvm切换到相应node版本不支持arm64版本会自动转译。

softwareupdate --install-rosetta

如果没有自动转译，可试一下输入 arch -x86_64 zsh 指令后，在进行相关的node操作。

【2025年最新】M芯片MAC 的前端环境配置