开发工具与环境设置
用最少步骤装好 Chrome、编辑器、Node.js、pnpm、Git 和常用命令行工具，先让电脑能开工。
做 AI 产品之前，需要先把开发环境搭好。这些工具是基础设施，装好之后你才能跑项目、让 AI 帮你改代码。
这一步不需要深入理解每个工具的原理，先装上能用就行，后面用多了自然就懂了。
需要装的工具
| 类别 | 推荐 | 用途 |
|---|---|---|
| 浏览器 | Chrome | 调试网页、看 Console、装开发插件 |
| 编辑器 | Trae / VS Code / Cursor | 打开项目、查看文件、配合 AI 改代码 |
| 运行环境 | Node.js + pnpm | 运行前端项目 |
| 版本控制 | Git | 保存改动、回滚错误、部署项目 |
| Mac 包管理器 | Homebrew | macOS 上安装命令行工具 |
新手别一开始装一堆工具，先装这些，后面用到再补。
第 1 步：装 Chrome 和编辑器
Chrome 的开发者工具和插件生态最成熟，后续教程默认用它。
编辑器三选一：
- Trae：对国内用户友好，新手推荐
- VS Code：免费、稳定、插件最多
- Cursor：习惯了可以继续用
能装 Codex 桌面 App 就装，装不了就先用命令行版或 Trae。
第 2 步：Mac 先装 Homebrew
Homebrew 是 Mac 上的命令行包管理器，装 Node.js、Git、数据库工具都会用到。
打开终端，执行：
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"安装过程中会要求输入电脑密码，输入时终端不显示字符，正常输入就行。
国内安装慢的话，先看 网络环境配置指南。
第 3 步：装 Node.js 和 pnpm
Web 开发最常用 Node.js。最简单的装法：
- 打开 Node.js 官网
- 下载 LTS 版本
- 双击安装包，默认安装
- 打开终端检查：
node --version
npm --version然后装 pnpm：
npm install -g pnpm
pnpm --version会用命令行的话，也可以用 nvm 管理 Node.js 版本：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
nvm install --lts
nvm use --lts
npm install -g pnpm第 4 步：装 Git
Git 是版本控制工具，改坏了可以回退，做实验可以开分支，部署平台也经常依赖它。
macOS 先执行：
git --version系统提示安装开发者工具的话，按提示装就行。
Windows 去 Git 官网 下载安装包。
装完后配置身份：
git config --global user.name “你的名字”
git config --global user.email “你的邮箱”第 5 步：知道这些词大概是什么
现在不需要深入学，知道它们干什么就行：
| 名词 | 是什么 |
|---|---|
Node.js | 让 JavaScript 可以在电脑和服务器上运行 |
pnpm | 安装项目依赖，比 npm 更快、更省空间 |
Git | 记录代码变化，方便回滚和协作 |
TypeScript | 更严格的 JavaScript，能提前发现很多错误 |
React / Vue | 做网页界面的前端框架 |
更完整的解释看 网站开发基础知识。
直接复制给 AI 的安装提示词
不想手动判断环境的话，把这段发给 AI 编程工具：
请帮我检查这台电脑是否已经安装 Chrome、Node.js、pnpm、Git 和 Homebrew(mac)。
如果没有，帮我安装