第一步:写清楚目标和验收标准
不要只说“帮我做一个网站”。补充目标用户、核心流程、页面结构、数据来源、视觉方向和暂不处理的功能。最后写出可以观察的验收标准,例如“用户可以创建、完成并删除一条任务”。
明确范围会减少 AI 自行猜测,也方便你判断生成结果是否真的完成了任务。
第二步:让 AI 一次完成一个小任务
先让 AI 阅读项目结构并提出计划,再按页面、组件、接口和测试拆分任务。每次修改后立即运行,出现错误就提供完整错误信息和复现步骤。
请先阅读当前项目结构,不要修改文件。
目标:为个人知识库增加一个可搜索的标签筛选器。
请输出:
1. 需要修改的文件
2. 数据流和交互方案
3. 可能的边界情况
确认方案后,再分步骤实现。第三步:测试、审查并准备发布
完成核心流程后,至少验证空状态、错误状态、移动端布局、刷新后的数据一致性和权限边界。检查依赖版本、环境变量和构建命令,确认 API Key 不会进入浏览器或公开仓库。
Vibe Coding 可以加速实现,但上线仍然需要明确的回滚方式和维护责任。
- 运行自动化测试
- 手动验证关键流程
- 检查密钥与依赖
- 记录部署和回滚步骤
常见问题
关于Vibe Coding 入门:从第一句提示词到上线的常见问题
第一次 Vibe Coding 应该做多大的项目?
建议选择一个半天到两天可以完成的个人工具或单一流程,先验证方法再扩展。
AI 生成报错后应该怎么提问?
提供完整错误信息、触发步骤、期望结果和最近一次修改,要求 AI 先解释原因再提出最小修复。
什么时候应该停止接受 AI 的修改?
当变更范围失控、测试失败原因不明或涉及权限和数据安全时,应暂停生成,回滚并进行人工分析。