环境设置
先装好基础环境，再选一个 AI 工具开始做东西。附 Claude Code 安装和模型接入指南。
AI 编程工具很多，但新手别一开始就全装一遍。先选一个，用它完成一个真实项目，比同时研究十个工具更有用。
选哪个工具
详细的工具对比和选型建议见 AI 编程工具推荐。这里只给最短路径：先装 Codex，用它完成一个真实项目。需要 GUI 时加 Trae，遇到复杂项目再加 Claude Code。不要在选工具上花太多时间。
装 Claude Code
Claude Code 是命令行里的 AI 编程工具，能力强但需要额外配置。详细的安装和配置步骤见 Claude Code 安装与配置。
开始之前：环境检查
用 AI 工具之前，电脑上得先有这几样东西：
| 工具 | 干嘛的 |
|---|---|
| Chrome | 调试网页、看 Console 报错、装开发插件 |
| Node.js | 跑前端项目的基础运行环境 |
| pnpm | 给项目装依赖 |
| Git | 存代码、管版本、回退改动 |
检查一下有没有装好：
node --version
pnpm --version
git --version有版本号输出就说明装好了。没装的话：
- Node.js：去 官网 下 LTS 版本，双击安装
- pnpm：
npm install -g pnpm - Git：Mac 执行
git --version会自动提示安装；Windows 去 Git 官网 下载 - Homebrew（Mac 包管理器，装其他工具会用到）：
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"编辑器选一个装着：Trae（国内友好）、VS Code（免费稳定插件多）、Cursor（习惯了就继续用）。
不想自己判断的话，把这段发给任何 AI 工具：
帮我检查一下这台电脑装了 Chrome、Node.js、pnpm、Git 没有，没装的帮我装上API Key 和订阅
AI 编程工具一般有两种付费方式：
- 订阅制：按月付费，简单省心，新手推荐
- API 按量计费：按调用量扣费，灵活但要盯账单
用 API 的话，注意别把 Key 贴到公开仓库、截图或聊天记录里。
重度使用一个月几百块人民币很正常，具体看用什么工具和模型，可以参考 AI 模型与 API 成本。
第一次提需求怎么写
别只说"帮我写个网站"。稍微具体一点，AI 出来的结果会好很多：
帮我做一个单页产品网站，目标用户是第一次接触 AI 编程的新手。
要有标题、痛点、解决方案、3 个核心卖点和一个行动按钮。
先看下项目结构，告诉我你准备改哪些文件，确认后再写代码。下一步
- 还没买电脑，先看 电脑、网络和账号准备
- 想直接做项目，去 MVP 实战案例库
- 遇到不懂的名词，查 网站开发基础知识