前端开发 Mac 装机指南
新人入职、换新电脑，最怕的就是环境配到一半发现少装东西。这里整理一份前端开发的 Mac 装机清单，不展开安装细节，只列软件、说明作用、附上安装命令或官网，照单全收即可。
1. Xcode Command Line Tools
苹果官方命令行工具集，包含 git、gcc、make 等编译工具，装 Homebrew 之前必须先装它。
xcode-select --install
2. Homebrew（brew）
Mac 上的软件包管理器，后续大部分命令行工具都用它安装。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
3. git
版本控制工具，日常提交代码的基础。
Xcode Command Line Tools 自带 git，装完即可用（git --version 验证）。brew install git 装的是更新版本，非必需，可按需选择。
brew install git # 可选，新版 git
4. nvm
Node 版本管理工具，可随时切换不同 Node 版本，多项目环境必备。
官网：https://github.com/nvm-sh/nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
5. nodejs
JavaScript 运行环境，前端开发的基础。建议通过 nvm 安装长期维护版本。
nvm install --lts
6. pnpm
新一代包管理器，速度快、节省磁盘空间，目前多数前端项目的主力依赖工具。
npm i -g pnpm
7. nrm
npm 镜像源管理工具，可在官方源和国内镜像之间快速切换，解决安装慢的问题。
npm i -g nrm
8. Chrome 浏览器
前端主力浏览器，自带的开发者工具是日常调试的第一利器。
官网：https://www.google.com/chrome
9. 豆包插件 v1.35.0
浏览器 AI 插件，在开发中很方便地实现实时搜索，查文档、查报错都很顺手。
官网：https://www.doubao.com/browser-extension/landing
10. Clash.Verge
网络代理工具，用于科学上网、访问 GitHub 与国外依赖源。
官网：https://github.com/clash-verge-rev/clash-verge-rev
11. iTerm2
macOS 终端增强工具，支持分屏、标签页、配色主题，开发效率提升明显。
12. UGit
腾讯出品的 Git 可视化客户端，图形化查看提交记录、分支关系，配合命令行使用更直观。
13. whistle
基于 Node 的抓包调试代理工具，可拦截、修改、mock 接口请求，联调和排错利器。
npm i -g whistle
w2 start
14. VSCode
主流代码编辑器，插件生态丰富，前端开发基本人手一个。
官网：https://code.visualstudio.com
安装完成后建议启用命令行 code 命令，可在终端直接用 VSCode 打开文件或目录：
- 按
⌘ + Shift + P打开命令面板 - 输入
Shell Command - 找到并点击
Shell Command: Install 'code' command in PATH - 重新打开一个终端窗口，执行验证：
code --version
15. 搜狗输入法
中文输入法，写注释、写文档、日常沟通都用得上。
16. 触控板手势设置（系统设置）
几个提升效率、减少误触的手势配置，都在「系统设置 → 触控板 → 更多手势」里调整：
- 在页面之间轻扫 → 关闭：浏览器里容易误触返回上一页
- 四指下滑 → 当前 App 窗口：快速平铺当前应用的所有窗口
- 四指左右滑 → 工作桌面切换：在多桌面/全屏空间之间切换
附：安装顺序速查
命令行工具存在依赖关系，建议按以下顺序安装，图形化软件随时装即可。
- Xcode Command Line Tools
- Homebrew
- git、nvm
- nodejs（用 nvm 装 LTS）
- pnpm、nrm、whistle（用 npm 全局装）
- 其余图形化软件（Chrome、豆包插件、Clash.Verge、iTerm2、UGit、VSCode、搜狗输入法）
附：iTerm2 设置界面
