Vibe Coding 思维模型 (Mindset)

Vibe Coding 不仅仅是使用 AI 工具，更是一场认知革命。它要求开发者从“体力劳动者”转变为“导演”与“建筑师”。好的心智模型能让你在 AI 时代获得 10 倍甚至 100 倍的生产力提升。

---

什么是 Vibe Mindset？

在传统编程中，你的主要精力和大脑带宽消耗在语法 (Syntax) 和 逻辑实现 (Implementation) 上。 在 Vibe Coding 中，你的大脑转向 意图定义 (Intent)、上下文工程 (Context) 和 结果验证 (Verification)。

┌─────────────────────────────────────────────────────────────┐
│                 从 "如何写" 转向 "想要什么"                  │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│   传统编程：  [逻辑思考] → [手动敲代码] → [调试/运行]        │
│                                                             │
│   Vibe 编程： [意图定义] → [上下文对齐] → [AI 生成] → [验证] │
│                                                             │
└─────────────────────────────────────────────────────────────┘

---

核心支柱：Vibe Coding 的三大心智

---

核心策略 1：结果导向型 Prompting (Output-First)

不要先告诉 AI “怎么做”，先告诉它“长什么样”。

高效 Prompt 的 CRDO 骨架：

1. Context (背景): 这是一个 React + Next.js 项目，使用 Tailwind CSS。
2. Role (角色): 你是一个资深前端专家，擅长编写高性能、可访问的组件。
3. Task (任务): 实现一个具备搜索过滤功能的下拉选择器。
4. Output (输出):
   • 输出形态：一个名为 SearchableSelect.tsx 的文件。
   • 成功标准：支持键盘导航、移动端适配、点击外部自动关闭。

---

核心策略 2：10 分钟规则 (The 10-Minute Rule)

如果你发现 AI 连续两次尝试都没有给出正确答案，立刻停止重复尝试。

• 原因：通常是因为你的任务拆分得还不够细，或者提供的上下文有误。
• 对策：将当前任务进一步拆解。
  • 反例：“帮我写一个完整的电商后台登录系统。”
  • 正例：“1. 编写登录界面的 UI；2. 实现前端表单校验逻辑；3. 接入后端登录 API。”

---

核心策略 3：重构即对话 (Refactor as Conversation)

当你看到 AI 生成了不理想的代码（如深层嵌套、逻辑冗余）时，不要直接自己重写。

1. 指出痛点：“这段代码的 if-else 太深了，可读性很差。”
2. 引导优化：“能否使用策略模式 (Strategy Pattern) 或早期返回 (Early Return) 来简化它？”
3. 协同迭代：“修改后，请确保不破坏现有的类型定义。”

---

传统编码 vs. Vibe 编码

---

常见误区与避坑指南

---

动手练习：思维升级

场景：你需要给现有的博客项目增加一个“文章阅读进度条”功能。

练习步骤：

1. 拆解：列出完成这个功能所需的 3 个原子级子任务。
2. 编写 Prompt：为其中一个任务（例如：计算页面滚动比例的逻辑）写一段包含 Context 和 Output 要求的 Prompt。
3. 压力测试：想象 AI 可能会在哪些场景出错（例如：页面内有弹窗滚动时、页面高度动态变化时），并在 Prompt 中加入相应的 Constraints（约束）。

---

小结

1. 你是导演，AI 是特技团队：你负责叙事、节奏和最终审美，AI 负责繁琐的执行。
2. 上下文是燃料：没有上下文的 Prompt 就像没有油的赛车，跑不远。
3. 拆分是核心竞争力：能把复杂问题拆得越细，AI 给你的惊喜就越多。
4. 信任但不盲从：永远保持对生成代码的最终审查权。
5. 享受 Flow 状态：Vibe Coding 的目标是让你摆脱枯燥的“搬砖”，回归创造的本质。