2023 前端工程师的 Mac 环境配置

拿到一台新的 Mac 之后，最麻烦的通常不是装软件，而是把开发环境恢复到能稳定工作的状态。
这篇文章整理了一套偏前端工程师的常用配置路径，重点不是追求最全，而是尽快恢复生产力。

这份清单主要覆盖四部分：

• 包管理工具
• 终端与 Shell
• 开发环境
• 常用效率工具

一、先装包管理工具：Homebrew

在 macOS 上，Homebrew 基本是最先该装的工具。
它能统一管理命令行工具、桌面应用和依赖，后续很多软件都可以直接通过 brew install 或 brew install --cask 安装。

安装命令如下：

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

如果你后面会频繁重装环境，优先把 Homebrew 装好，后续会省掉很多重复劳动。

二、配置终端环境

终端是前端工程师最高频的工作界面之一。
把终端环境配置顺手，后续执行脚本、切换分支、跑项目都会更舒服。

1. Zsh

Zsh 是 macOS 的默认 Shell。
相比 Bash，它在补全、历史记录、参数扩展和交互体验上更强，适合作为日常开发环境的默认选择。

如果你希望通过 Homebrew 安装或升级 Zsh，可以执行：

brew install zsh

2. Oh My Zsh

Oh My Zsh 是一套 Zsh 配置框架，用来管理主题、插件和常用能力。
如果你不想从零维护 .zshrc，它是一个成本很低的起点。

安装命令如下：

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

它的价值不在“炫”，而在于先给你一个可用、易扩展的终端基础配置。

3. Warp

如果你对默认终端不满意，可以试试 Warp。
它是一个用 Rust 编写的终端应用，比较突出的地方有两个：

• 补全和命令提示体验更好
• 用 block 组织命令输出，查找和回顾更方便

如果你偏好现代一点的终端交互体验，Warp 值得一试；如果你更看重稳定和轻量，系统终端加 Zsh 其实也够用。

三、补齐开发环境

1. Xcode Command Line Tools

很多命令行工具、编译链和本地构建都依赖 Xcode Command Line Tools。
即便你不安装完整 Xcode，这一项通常也应该先装上。

安装命令：

xcode-select --install

它会提供常用的编译工具链和系统头文件，是很多开发工具的基础依赖。

2. fnm：管理 Node.js 版本

前端开发很少只用一个 Node 版本。
不同项目可能要求不同的运行时版本，所以一个轻量、好用的版本管理工具很重要。

这里推荐 fnm，也就是 Fast Node Manager。
它基于 Rust 编写，启动和切换速度都不错。

安装命令：

brew install fnm

安装完成后，先执行：

fnm env

把输出的环境配置写入 ~/.zshrc，然后重启终端窗口。
之后就可以开始安装和切换 Node 版本了：

fnm install 18
fnm use 18

如果你的项目里有 .nvmrc 或固定的 Node 版本要求，这一步尤其重要。

3. VS Code

VS Code 仍然是前端开发里非常稳妥的默认选择。
安装完成之后，建议顺手把 code 命令加入 PATH，这样可以直接从终端打开项目目录。

操作方式：

1. 打开 VS Code
2. 按 ⌘ + Shift + P 打开命令面板
3. 搜索并执行 Install 'code' command in PATH

之后你就可以直接在终端里运行：

code .

这一步虽然小，但会明显提升日常打开项目的效率。

四、补一些高频效率工具

1. Raycast

Raycast 是我更推荐优先安装的一类效率工具。
它本质上是一个统一入口，用来启动应用、搜索文件、执行命令和连接一些开发工作流。

它比较适合这些场景：

• 快速打开应用、目录和项目
• 执行自定义命令
• 调用常用开发工具集成
• 统一替代一部分零散的小工具

如果你经常在多个应用、目录和项目之间来回切换，Raycast 的收益会很明显。

2. Snipaste

Snipaste 是一款很好用的截图工具。
对开发者来说，截图不仅是记录界面，也经常用于沟通问题、标注交互和保存调试过程。

它比较实用的点包括：

• 快速截图
• 直接复制到剪贴板
• 截图后即时标注
• 支持颜色拾取

如果你经常写文档、提 issue 或和设计、测试沟通，Snipaste 会比系统截图更顺手。

3. Dozer

如果你使用的是刘海屏 MacBook，状态栏空间经常会变得很紧。
Dozer 是一个轻量的开源工具，可以帮助你隐藏部分菜单栏图标。

安装命令：

brew install --cask dozer

它适合想整理菜单栏、但又不想为更重的状态栏管理工具付费的人。

五、一套更稳的安装顺序

如果让我重新配置一台新的 Mac，我会按这个顺序来：

1. 安装 Homebrew
2. 安装 Xcode Command Line Tools
3. 配置 Zsh 和 Oh My Zsh
4. 安装 fnm 并切好 Node 版本
5. 安装 VS Code，并启用 code 命令
6. 按个人习惯补 Raycast、Snipaste、Dozer、Warp

这个顺序的好处是先把“能开发”这件事建立起来，再逐步补体验类工具，不容易陷入一开始就装很多软件但环境仍然不能工作的情况。

六、结语

环境配置这件事，本质上是在降低未来的重复劳动。
真正值得沉淀的不是“我装了哪些软件”，而是“下一次换机器时，我能不能在最短时间内恢复工作状态”。

如果你也在整理自己的开发环境，建议优先保留这些信息：

• 哪些工具是必须的
• 安装顺序是什么
• 哪些配置需要手动写入 Shell
• 哪些工具只是可选增强

把这些内容写清楚，比单纯罗列软件更有长期价值。