从 Prompt 到页面：代码是怎么跑起来的

从 Prompt 到页面：代码是怎么跑起来的

上一关你写出了 MVP Prompt。现在看看它丢进 Trae Chat 后会发生什么：

1. 你把 Prompt 粘贴到 Chat
2. AI 分析需求，生成项目结构 + 核心页面代码
3. 代码自动写入左侧编辑器
4. 你浏览代码，告诉 AI 哪里不对
5. AI 修改，你继续迭代

这不是虚构的流程——你现在正在使用的小程序，就是这么生成的。

AI 生成的第一版代码通常能到 70-80 分：页面结构对、基本功能有，但细节肯定要调。这很正常——重点不是一次完美，而是快速拿到可运行的 80 分版本，再迭代。

📝 选择题

💡 实战判断：AI 生成完第一轮代码后，你应该怎么做？

• A. 全部接受，先看效果再说
• B. 立刻检查关键页面，告诉 AI 哪里不对
• C. 等 AI 把所有页面都写完再一起改

答案：B（立刻检查关键页面，告诉 AI 哪里不对） 最佳策略是「边生成边校准」：AI 写完一个页面就检查一次，发现问题立刻反馈。等全部写完再改，问题会累积到无法收拾。

前端检查的三个关键点

AI 生成前端代码后，重点检查三个地方：

1. 页面结构是否完整 你要求了3个页面，它只生成了2个？直接告诉 AI：「还缺一个 XX 页面，请补上」。

2. 样式是否可用 不用追求像素级还原，但核心布局不能崩——按钮能不能点？列表能不能滚动？弹窗能不能关？

3. 交互逻辑是否闭环 从首页→详情页→操作→返回，整条链路能不能走通？断了就告诉 AI：「从 XX 页面点击 YY 后应该跳转到 ZZ，但现在没反应」。

检查完这三个点，前端基本就能用了。

✏️ 填空题

💡 实战填空：让 AI 自动修复 AI 生成代码后发现有报错，你可以在 Chat 里说：‘帮我修到______通过’，Solo Agent 就会自动定位报错、修复代码、循环到你满意。请补全：

帮我修到___通过

答案：编译 「帮我修到编译通过」是最常用的 Solo Agent 触发语。AI 会自动读取终端报错→定位文件→修改代码→重新编译，循环到没有报错为止。

检查完前端，下一步是什么？

前端让用户「能看到、能操作」。但只有前端的产品是死的——数据存哪？用户信息怎么管？支付怎么对接？

这些全靠后端。没有后端，你的产品就是一个漂亮的 Demo，赚不了钱。

下一节：Solo Agent 怎么帮你自动修 Bug——你只需要等结果。

再下一关：后端 + Rules，让产品能跑还能守规矩。