AI 编程教程：从一个想法到真实上线的 7 个步骤

开始前：把第一个项目控制在一周

下面以“做一个可以收集报名信息的网站”为例。你可以把同样的方法替换成自己的业务场景。

第 1 步：选择一个小而真实的需求

先回答三个问题：谁会使用？他要完成什么动作？完成之后你要得到什么结果？

第 2 步：写需求和验收清单

把“做一个好看的报名网站”改成 AI 能执行、你能检查的清单：

• 手机和电脑都能正常浏览，不出现横向滚动。
• 联系方式必填，手机号需要校验格式。
• 重复提交不会生成无法识别的垃圾数据。
• 数据保存到数据库，刷新或重启后仍然存在。
• 后台需要登录，匿名用户不能读取客户信息。
• 上线前有数据库备份和明确的回滚方法。

第 3 步：让 AI 先分析和规划

把需求交给 AI 后，先要求它给出页面结构、数据字段、接口、异常情况和测试清单。确认方案再写代码，能显著减少返工。

第 4 步：先实现可运行的最小版本

先完成主页、表单和成功提示，不要同时加入支付、团队权限、消息通知和复杂报表。每完成一条链路就运行一次，并在真实浏览器中检查。

如果页面先使用内存或浏览器存储，也要把它标记为原型阶段，避免把“纯前端演示”误认为已经完成全栈交付。

第 5 步：接入后端和数据库

当项目需要保存客户、订单、任务或内容时，就需要服务端 API 和数据库。个人小项目可以从 Node.js 与 SQLite 开始：依赖少、部署简单，也能真实演示前端、接口和数据库如何协作。

第 6 步：按清单测试并持续修复

让 AI 写测试不等于测试已经通过。需要实际执行测试，再根据失败结果修改代码并重新运行，直到清单全部通过。

• 正常提交一次。
• 漏填必填项。
• 输入错误手机号。
• 连续重复提交。
• 服务重启后重新查看。
• 390 像素宽度下完成全流程。
• 未登录访问后台和接口。

第 7 步：部署、监控和复盘

部署前备份代码、数据库和代理配置；部署后检查域名、HTTPS、健康接口、表单提交、后台登录和日志。出现问题时，应能恢复到部署前版本。

完成后写一页复盘：哪些提示有效、哪些错误反复出现、哪些检查可以自动化。下次项目开始前先复用这些资产。

一个真正完成的 AI 编程项目应具备什么？