vibe-coding 最该先准备的从来不只是模型，而是一张够用的工作台。模型决定你写得快不快，工作台决定你会不会越做越乱。
IDE 解决的是"你能不能看清晰自己手上的项目"。这一步没站稳，后面都会飘。
新手最缺的不是"AI 帮你写代码"，而是一个看得清全局的工作台。IDE 不是一个写代码窗口，它是你整个项目的总控中心。
Trae 国际版 / 国内版 — 对中文用户更友好，界面直观，AI 辅助编程能力强。如果你已习惯其他编辑器（VS Code、Cursor、Windsurf），也不必硬切。
新手学 Git 不是为了显得专业，是为了别让自己被 AI 的速度甩飞。
AI 改代码很快，昨天只改一处，今天模型一口气帮你动了 11 个文件。如果没有 Git，你根本说不清到底是哪一步开始坏的。
新手先把这条链记住就够了：
第一，你能看 diff —— 看这次到底改了哪几行。
第二，你能按提交回看历史。
第三，你能开分支试，不满意就退。
协作时补充：开工前先 pull；想先看更新但不合并，就用 fetch。
别让产品死在"脑子里很好看"。先把页面结构画清楚，后面让 AI 写前端才会更稳。
很多人做 vibe-coding 的时候，代码都还没开始写，脑子里已经有了一个"应该很高级"的产品。问题是，脑子里的界面最容易骗人。
动效不是装饰品，它很多时候在负责反馈。这直接影响"这个产品像不像活的"。
很多产品最后看起来"廉价"，不是因为功能不行，是因为所有东西都硬切。弹窗是硬弹出来的，按钮点了像没点，页面切换像瞬移。
最重要的不是你一开始就做多炫，而是你要知道：动效在负责反馈。它让产品"像活的"。
别为了一个搜索图标折腾半小时。图标解决的是"界面里的小符号统一不统一"。
很多新手做到这里，会开始在最不值钱的地方浪费时间。图标这块分两路走。
别在产品还没站起来的时候，先把所有精力都砸在视觉热闹上。
不是图和视频不重要，而是别在产品还没站起来的时候，先把所有精力都砸在视觉热闹上。先做功能，再美颜值。
别一上来自己盖物流园，先租一个带基础设施的小仓库就够了。
数据库这个词容易把新手吓到。其实第一次做小产品，你更该关心的是：
• 把数据库、鉴权、存储、常见后端能力打包成易用服务
• 不用从零搭一整套后端基础设施
• 免费计划对大多数验证阶段的小产品已经够用
• 基于 PostgreSQL，开源、成熟、可扩展
部署不是最后的仪式，它更像第一次把东西送去见人。
很多人做产品最大的幻觉："我本地已经跑起来了，差不多算做完了。"其实差很远。
产品一旦被部署出去，很多假问题会消失，很多真问题会冒出来：
• 部署快，push 代码即自动部署
• 对前端和现代 Web 项目友好
• Hobby 免费计划：做验证版、小流量版本、作品集和原型通常已经够用
• 自动 HTTPS、全球 CDN、预览部署
这套工具刚好对应了新手最常卡的 8 个坑。
| 工具 | 推荐 | 解决的坑 | 标签 |
|---|---|---|---|
| IDE | Trae 国际版 / 国内版 | 看不清项目 | 基础 |
| Git | 最小动作链 + IDE 可视化 | 不会管版本 | 基础 |
| UI 设计 | Stitch 出草图，Pixso 细化 | 画不清界面 | 设计 |
| 动效 | Rive / Lottie | 不会做反馈 | 设计可选 |
| 图标 | Iconfont + Lucide | 视觉细节乱 | 素材 |
| 图片/视频 | Lovart 参考素材库 | 素材没有方向 | 素材可选 |
| 数据库 | Supabase (免费版) | 数据没地方放 | 后端 |
| 部署 | Vercel (Hobby 免费版) | 做完发不出去 | 上线 |