在上一第 2 章，我们小范围地定下了"做什么、为谁做"。本章是阶段 2：准备——在真正动手之前，把技术、工具、设计、环境这四块地基搭好。这里的口号是"不雕琢、不纠结、选正统"。在准备上把自己耗光，那就本末倒置了。用最短时间做出与 AI 相性好的选择，让自己进入能把全力都投给下一个"制作"阶段的状态。
犹豫时就选"AI 更擅长的那一边"，仅此而已
阶段 2 要做的事
准备阶段，一句话说就是"开工前的采买"。个人开发里最常见的失败，是在动手前的"挑工具"和"搭环境"上耗掉好几天，累到还没进入正题就没劲了。这里我们不置办专业级的高档器具，只备基础套装。
把最新流行技术全查一遍，把工具比到底，再细品付费方案。还没开工就先耗尽了。
正统技术栈、一件主力工具、免费额度，当天之内就定下来，第二天开始动手做。
大致标准是准备别花超过整整一天。完美的选择并不存在，而且和 AI 一起，后面要换也很容易。"先用这个"直接跑起来才是正解。
技术选型 —— 选正统就省力
技术栈，指的是做应用所用的语言、框架、数据库、基础设施的组合。不只实战路线，入门路线里知道"让它用什么技术来产出"，也能让给 AI 的指令更精准。
怎么选，结论很简单：选 AI 大量学习过、写得很熟的"正统"。因为一门技术在世上信息越多，AI 越能写出正确的代码。冷门的最新技术信息少，AI 也更容易出错。在个人开发里，"AI 擅长＝实现省力＝能做完"是铁律。
信息量大，AI 能写得准。
例：前端用 React／Next.js，后端用 Laravel（PHP）或 Node.js，数据库用 PostgreSQL 或 MySQL，认证与数据库可用 Supabase 或 Firebase。
刚问世不久的技术、中英文资料都少的组合、实验性框架。AI 会出错，而你被迫忙于验证。只要不是为了学习，选正统就足够。
💡 技术"不用自己拿主意"。 不知道哪个技术栈好，问 AI 就够了——"我要用个人开发做〇〇（想做的东西）。请给出 AI 容易实现、资料多的正统技术组合。"它给出的方案，直接照单采用也没问题。想深入的人，可参考与 AI 相性好的技术栈。
如果是入门路线（无代码），连这份选型都能交给生成器。v0、Bolt 这类 AI 应用生成器，会在背后自动使用 React／Next.js 等正统技术栈，你几乎不必操心技术本身。
工具选择 —— 这里是分路线的关键
本章最重要的就是工具选择。唯独这里，会因第 1 章里选的路线，主武器明确分野。先定下 1 件主力工具吧。
在聊天里说一句"我想要这样一个应用"，画面和代码就自动生成。v0、Bolt、Lovable是代表。看着预览说"把这里改成这样"，聊着聊着就成型了。
直接处理代码，同时把实现、修改、测试交给 AI 提速。Claude Code、Cursor、GitHub Copilot、Codex是主力。可扩展、可维护，适合长期培育的产品。
对比 → AI 编程工具对比
入门路线的人，先看应用生成器对比文章选一个，本节可以跳过，直接去设计与 UI。实战路线的人，下一节我们细细对比 AI 编辑器。
实战路线：对比 AI 编辑器
实战路线的主武器——AI 编辑器，如今有 4 个是定番。它们都是正统，说实话选哪个都不会失败。只要抓住各自的擅长领域，选一个戳中你的就行。
边对话边跨多个文件自主地实现与修改。擅长从设计、实现到测试的大块工作。在命令行上运行。
在熟悉的 VS Code 风格界面里，看着代码和 AI 一起编辑。补全、聊天、自动修改融为一体。最适合第一款 AI 编辑器。
嵌入 VS Code 的正统之选。聪明地补全写到一半的代码。适合不太想改动现有开发环境、只想加上 AI 的人。
把任务交给它，它就在后台自主地推进实现的智能体型。适合想并行处理多项工作的进阶者。
🧭 犹豫就这样选。 想在编辑器界面里盯着手头逐步推进，选Cursor（Cursor 是什么？）；想通过对话把事整块交出去，选Claude Code。从这两个里挑一个开始，基本不会踩空。详细区别看Cursor vs Claude Code vs Copilot vs Codex 对比。
工具的诀窍是只锁定 1 个、用到熟。与其东试西试，不如先把 1 个当搭档、用顺手。大半操作只是"用中文提要求"而已，所以日后换别的工具，成本也很小。
设计与 UI —— 别过度雕琢
应用的外观——Logo、配色、画面布局（UI）——如今也能用 AI 来准备。不过在准备阶段，"别过度雕琢"是绝对的规则。一旦在设计上较起劲来，时间会无限流失。MVP 阶段，抱着"不难看就及格"的心态，刚刚好。
从文字生成 Logo、配色、画面草图。零设计基础，也只需说一句"用清爽的蓝色系"。对比看AI 设计工具对比。
也有像 Claude Design 这样能在设计与代码之间来回的工具。做好的外观可以直接落到实现里。
不必执着于全部自制，套用现成的 UI 模板或 CSS 框架（如 Tailwind）也很聪明。工整的外观一瞬间到手。
⚠️ 别为像素级微调耗掉一整天。 当你开始反复微调按钮圆角时，就是要警惕的信号了。设计只要守住"定 2～3 个主色、留出留白、把字体调整齐"这三点，业余感就足够消退。细节的精雕，等公开、开始被人用了再做也不迟。
入门路线的应用生成器，会连 UI 也自动整理好，本节几乎可以全交给 AI。实战路线的人，也先让 AI 出个草稿，只改在意的地方是最快的推进方式。别想着从零自己动手设计。
环境的最小配置
最后是开发环境。这里也请当成"注册个账号就 OK"。大多数情况下，已经不必像过去那样花好几个小时在本地搭开发环境了。一切都能从免费额度起步。
给选好的 AI 生成器／AI 编辑器建个账号。先用免费方案试，不够再付费。
实战路线就注册个 GitHub 账号。代码保存与版本管理的定番，免费可用。
Vercel、Netlify、Supabase 等，免费额度很慷慨。现在知道名字即可，公开那章会详讲。
✅ 只备"当下用得上的"。 买域名、租付费服务器、签约支付服务，都还不需要。制作阶段需要的，只有"工具"和"代码存放处"。公开、变现要用的东西，等到各自的章节，用多少备多少就够。别提前付费。
注册好工具后，很多 AI 编辑器或生成器只要按一下"新建项目"按钮，就会自动备好一整套必要文件。搭环境卡住了，把内容原样贴给 AI 问一问，多半就解决了。从准备阶段起，AI 就已经是你的搭档。
本章小结
- 技术选正统。AI 写惯了的组合＝实现省力＝能做完。犹豫就让 AI 来建议。
- 工具按路线选 1 个。🌱入门＝AI 应用生成器（v0/Bolt/Lovable），🔧实战＝AI 编辑器（Claude Code、Cursor、Copilot、Codex）。
- 设计别过度雕琢。用 AI 出草稿，只把配色、留白、字体三点调齐就及格。
- 环境用最小配置。注册个账号就 OK，一切从免费额度起。别提前付费。
地基搭好了。接下来终于要和 AI 一起动手，进入真正把产品变成现实的阶段了。以"小步跑起来再修正"高速循环——具体怎么做，我们在下一第 4 章"和 AI 一起做"里细看。