这篇文章内容来自于 Y Combinator 的视频《How To Get The Most Out Of Vibe Coding》的启发。

📚 系列文章导航

本系列文章基于 Y Combinator 的《How To Get The Most Out Of Vibe Coding》视频，深入探讨与 AI 协同编程的最佳实践：

  1. ✨ 如何更好的 Vibe Coding？—来自 YC Startup Founders 的实践建议 - 深入分析 Vibe Coding 的核心原则和进阶技巧

  2. 🤝 在 Coding 的时候，我们应该和 AI 如何进行有效的协同 - 分析与 AI 协同的核心思维模型和工作原则

  3. 🔄 Vibe Coding 的开发工作流 - 详细介绍标准化的 Vibe Coding 开发流程和调试方法（本文）

视频信息

Vibe Coding

  • Title: How To Get The Most Out Of Vibe Coding | Startup School (如何通过“Vibe Coding”获得最大收益)
  • Author: Y Combinator (主讲人: Tom Blomfield, YC Partner)
  • URL: https://www.youtube.com/watch?v=BJjsfNO5JTo

Vibe Coding 标准开发工作流 (The Golden Workflow)

此流程旨在最大限度减少 AI 产生的错误，并保持代码库的健康。

  • Step 1: 制定“主计划” (The Master Plan)

    • 操作：在项目根目录创建一个 PLAN.md。

    • 内容：与 LLM 对话，生成项目功能的完整列表和实施步骤。

    • 细化：人工审查，标记 [Won’t Do] 或 [Out of Scope] 的条目。

    • 注释：这个文件是整个开发的导航图，避免 AI 迷失方向。

  • Step 2: 准备 Git 环境 (Clean Slate)

    • 操作：确保 git status 是干净的。

    • 原则：永远不要在未提交的代码之上开始新功能开发。

  • Step 3: 逐节实施 (Section-by-Section Implementation)

    • 操作：引用 PLAN.md，指示 AI “Implement Section 2 only”（只实现第二节）。

    • 关键：克制一次性完成所有的冲动。

  • Step 4: 验证与测试 (Verify & Test)

    • 操作：运行高层次集成测试，或手动点击验证功能。

    • 检查：确认没有破坏现有的功能（No Regressions）。

  • Step 5: 提交或重置 (Commit or Reset)

    • 分支 A (成功)：如果工作正常 -> git commit -m “Implement Section 2” -> 更新 PLAN.md 标记为完成。

    • 分支 B (失败)：如果 AI 陷入循环或破坏了逻辑 -> 执行 git reset –hard。

    • 注释：不要试图修复 AI 写烂的代码，直接重置，调整 Prompt 后重新生成。

  • Step 6: 重复循环

    • 回到 Step 3，继续下一节。

AI Debuging 流程

  • Step 1: 收集证据

    • 直接复制错误日志（Server logs / Console errors）。

    • 或者截图 UI 错误。

  • Step 2: 初步诊断

    • 将证据粘贴给 LLM。

    • 指令：”What could be causing this? List 3 possible reasons before coding.”（先列出 3 个原因，不要直接写代码）。

  • Step 3: 尝试修复 (Single Shot)

    • 让 AI 根据最可能的原因生成修复代码。

  • Step 4: 评估结果

    • 成功：运行测试 -> 提交。

    • 失败：立即 Reset。不要在修复补丁上再打补丁。

    • 策略调整：如果多次失败，考虑切换模型（如从 Claude 切到 Gemini），或在干净代码库上提供更详细的上下文。