在新设备上搭建开发环境往往是一项具有挑战性的任务，特别是在选择合适的工具和配置时。 这篇博文将为你推荐一份在全新 macOS 系统上开始 Web 开发所需的最基础配置清单。
我可以保证，按照这份清单配置只需要大约 30 分钟，你就能开始愉快地写代码了 。
NOTE
这份清单是基于我个人的 Mac 配置经验总结的。虽然可能不是最适合所有人的方案， 但我相信这是能让你最快开始工作的最简配置方案。
系统偏好设置
我建议开启以下设置：
鼠标设置
- 调高鼠标跟踪速度
- 启用自然滚动
- 开启右侧点击作为右键点击
- 启用智能缩放
键盘设置
- 将按键重复速率调至快速（滑块拉到最右）
- 将重复前延迟调至短（滑块拉到最右）
外观设置（可选）
- 使用浅色模式
- 在显示器设置中开启夜览（设置为日落到日出）， 这可以在夜间保护你的眼睛免受蓝光影响。
为什么选择浅色模式？
从我开始学习编程时就一直使用深色模式，但在过去几年里，我发现眼睛对深色模式的适应性并不好。 这让我不得不时常切换到浅色模式。现在我已经全天候使用浅色模式大约两年了，感觉非常舒适。
网页浏览器
由于后续需要打开很多链接，选择一个适合自己的浏览器是第一步。 我尝试过 Arc、Brave 和 Firefox， 但最终还是觉得 Google Chrome 最适合我。
你可以从官网下载安装。
iTerm2
下载并安装 iTerm2，这是一个比 Mac 默认终端更好用的替代品。 记得将下载的应用拖到应用程序文件夹，这样就可以从启动台启动了。
iTerm2 提供了很多漂亮的主题供选择。 因为我喜欢浅色模式，所以我使用的是 Solarized Light 主题。
Homebrew
Homebrew 是 macOS 的包管理器，可以方便地安装和管理软件。 首先，你需要安装 Xcode 的命令行开发者工具：
xcode-select --install然后使用官网提供的命令来下载并安装 Homebrew：
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"安装过程可能需要一些时间，请耐心等待。记得关注安装进度，系统可能会要求你输入密码。
安装完成后，你可以通过以下命令检查安装状态：
brew doctor
Your system is ready to brew. # If you see this, you're good to go想了解更多 Homebrew 命令的使用方法，请查看他们的官方文档。
Git
使用以下命令安装最新版本的 Git：
brew install git
# When done, verify the installation with
which git
# /usr/local/bin/git接下来，你需要配置 Git 的用户名和邮箱地址。 我建议使用以下命令进行全局配置：
git config --global user.name "your-github-username"
git config --global user.email "your@email.com"Visual Studio Code
如果你更喜欢其他的集成开发环境（IDE），可以跳过这一步，直接安装你喜欢的那个。
我从 2018 年开始使用 Visual Studio Code，并且一直很喜欢它。 它速度快、轻量化，而且有很多强大的功能。
你可以从官网下载并安装 Visual Studio Code （下载完成后，记得将应用拖到应用程序文件夹）。
我建议安装以下扩展来获得更好的开发体验：
- EditorConfig for VS Code - unified editor config for all your projects.
- Code Spell Checker - every developers should have this extension.
- DotENV - syntax highlighting for .env files.
- Git Blame - a better alternative to GitLens, since I found it to be slow and too much unnecessary features (for me, I only use it for Git Blame).
- Supermaven - The fastest copilot (as in their introduction, and I really feel it's faster than Github Copilot).
- Turbo Console Log - quickly log any objects or functions (in your JS code base) with a keyboard shortcut.
- TailwindCSS IntelliSense - a must have extension for Tailwind CSS developers.
你也可以参考我的 VS Code 快捷键和设置配置这里。
Python
我推荐使用 Pyenv 来安装 Python（它允许我们管理多个 Python 版本，比如 2.x 或 3.x）。 使用以下命令安装 pyenv：
if command -v pyenv 1>/dev/null 2>&1; then eval "$(pyenv init -)"; fi保存并重新加载配置:
source ~/.bash_profile现在你可以安装最新版本的 Python：
# 首先，列出所有可用的版本
pyenv install --list
# 然后安装最新版本
pyenv install 3.x.x # Replace 3.x.x with the latest version you see in the listNode.js
安装和管理 Node.js 的最佳方式是使用 nvm（Node 版本管理器）。 nvm 提供了一种简单的方法来在系统中安装和管理多个版本的 Node.js。
使用 官方脚本 安装 nvm：
# 你应该从 Nvm 的 Github 仓库复制最新的安装脚本，因为版本可能会更新
# 在写这篇博客时，最新版本是 0.40.1
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
# 安装完成后，使用以下命令验证
command -v nvm
# nvm -> you should see this现在安装和管理 Node.js 版本就变得非常简单了：
nvm install node # Install the latest version of Node.js
nvm use node # Use the latest version of Node.js
nvm use 22.x # Use Node.js 22.xNode.js 安装时会自带 npm，但你也可以使用其他的包管理器。 我推荐尝试使用 pnpm，因为它比 npm 或 yarn 更快，是一个很好的替代选择。
npm install -g pnpm你可以查看我的 pnpm 别名 代码片段来了解如何使用 pnpm 的别名。
Ruby
和 Python 一样，macOS 系统已经预装了 Ruby，但为了开发需要，我们需要安装最新版本。 最简单的安装方式是使用 rbenv。 使用以下命令安装 rbenv：
brew install rbenv然后将以下内容添加到你的 .bash_profile 文件中：
eval "$(rbenv init -)"然后使用以下命令重新加载 .bash_profile：
source ~/.bash_profile现在你可以安装最新版本的 Ruby：
# 列出所有可用版本
rbenv install --list
# 安装最新版本
rbenv install 2.x.x # Replace 2.x.x with the latest version you see in the list数据库
PostgreSQL
PostgreSQL 是一个功能强大的开源关系型数据库管理系统。
使用 Homebrew 安装：
brew install postgresql
# 然后你可以用以下命令启动服务器
brew services start postgresqlRedis
Redis 是一个开源的内存数据结构存储系统，可用作数据库、缓存和消息中间件。
使用 Homebrew 安装：
brew install redis
# 然后你可以用以下命令启动服务器
brew services start redis常用应用程序
作为一名开发者，你需要使用许多应用程序和工具来提高工作效率。 以下是我常用的一些应用：
- Cloudflare WARP - 让你的网络连接更快速、更安全。
- Postman - 用于测试和原型设计的 API 客户端。
- 微信 - 团队协作消息应用。
- Monosnap - 简单的截图工具，可以添加注释、裁剪或调整截图大小（也可以用作屏幕录制工具）。
- Notion - 一个强大的笔记和任务管理工具。
- Figma - 用于设计的协作工具。
就是这些了！这是一份最基础的 Web 开发工具清单，可以让你尽快开始编程。
如果我遗漏了什么，请在评论区告诉我。
安装快乐