Vibe Coding 心法：人是导演AI是演员，高效AI编程指南

什么是 Vibe Coding

当你第 37 次盯着那个 state 更新不触发的 bug、抓耳挠腮时，也许该换个思路了。Vibe Coding 这个概念由 AI 领域知名人物 Andrej Karpathy 提出，它代表着一种全新的编程范式转变。

那么它和普通的"用 AI 写代码"到底有什么区别？核心的比喻是：你不是在写代码，而是在导演一场戏，AI 是你的演员。你负责说戏——说意图、说边界、说风格；AI 负责执行。

但要注意，这绝不意味着你可以"不动键盘"就躺平。恰恰相反，你更要动脑子：代码你来审，设计你来定，AI 只负责执行。人是导演，AI 是演员，这是理解整套心法的起点。

工具选择：三类 AI 编程工具各有所长

面对市面上一堆号称"最强"的 AI 编程工具，其实可以简单分为三类：

• IDE 集成型：如 Cursor、Windsurf，适合日常开发，所见即所得；
• CLI 型：如 Claude Code、Aider，适合写脚本、改老项目；
• 补全型：如 Copilot，适合边写边补全，学习成本最低。

对于前端新人，Cursor 是最友好的选择。它内置了 AI Chat、CMD-K、Composer，基本覆盖了 Vibe Coding 的所有动作。

举个例子，只需一句"写一个北京天气卡片，玻璃拟态，显示温度和图标"，三秒钟就能生成出成品。这就是 Vibe Coding 的魅力——从想法到成品，只剩一句话的距离。以前坑哧坑哧写一下午的东西，现在几乎瞬间完成。

但这仅仅是入门。真正的功夫，藏在提示词和上下文管理里。

提示词四要素：越具体越好

为什么让 AI 写组件，写出来的总不是你要的？答案往往是提示词太模糊。

对比一下："写个按钮" vs "写一个圆角 8px、hover 时背景从 #3B82F6 变到 #2563EB 的主按钮"，结果天差地别。

一个好的提示词应该包含四要素：

1. 上下文：项目背景；
2. 目标：要做什么；
3. 约束：风格、性能、视觉参考；
4. 参考：具体的样例。

记住一句话：越具体越好，抽象即失控。给 AI 越自由的空间，它就越容易跑偏。

管理上下文：AI 会"失忆"怎么办

为什么 AI 聊着聊着就开始胡说八道？明明一开始还挺正常。原因是上下文窗口满了。

AI 不是神，它基于记忆工作，而且只记得最近的对话。窗口一满，前面的信息就被挤出去，于是它开始记错、记混。

应对方法有三条：

• 主动遗忘：开一个新对话，不拖泥带水；
• 总结前置：把关键信息压缩成摘要，塞进新对话；
• 精准引用：用 @文件 精准引用，别整段粘贴代码。

这里也引出一个常见误区：想让 AI 一口气做完整个电商系统，它多半会"蒙"。上下文就那么大，你什么都想塞，结果什么都做不好。

大项目要拆分：化整为零

大项目怎么办？答案是拆分：

• 按功能拆：商品、购物车、支付；
• 按层次拆：UI、逻辑、数据；
• 按模块拆：每个组件独立。

每一个小任务，都应该是一次完整、干净的 AI 对话。

先当军师，再当将军：架构先行

为什么 AI 写的代码架构一塌糊涂、改不动？因为你没让它先想架构。

正确的做法是：在写代码之前，先让 AI 出方案——"你打算怎么设计这个模块？画个图，列一下数据流、状态管理、技术选型。"

架构定了，再让它写代码。先当军师，再当将军。这一步跳过了，后面的返工成本会成倍增加。

让 AI 改 bug 的正确姿势

AI 写的代码有 bug，让它改却越改越烂？问题多半出在你只说了一句"这里有 bug，改一下"。

AI 不是算命先生，它是数据驱动的医生，需要完整的诊断信息。告诉它三件事：

1. 错误现象：报错信息、复现步骤；
2. 你尝试过什么：避免重复无效尝试；
3. 期望的行为：明确目标。

更进一步，可以采用 TDD（测试驱动）模式：先让 AI 写测试——"输入 X，输出 Y"，然后再让它写实现去通过测试。测试既是 AI 的导航仪，也是你的安全网。

四个常见的坑：Vibe Coding 避雷指南

Vibe Coding 中最容易掉进去的坑有这些：

• 盲目信任：AI 写的代码不审就上线，第二天就 404。AI 是助手，不是背锅侠；
• 反复推翻：写一半觉得不对就推翻重来，上下文越来越乱，最后 AI 自己都搞不清你要什么；
• 上下文污染：复制一堆无关代码进去，AI 注意力被分散，输出开始离谱。

团队协作的工程化实践

如果团队里大家都在 Vibe Coding，如何保证代码质量？靠三个齿轮一起转：

• 工具层：用 Git，每次 AI 生成代码就 commit，出问题随时回滚；
• 流程层：PR Review 不能省，AI 写的代码必须人工过一遍；
• 文化层：维护团队的提示词库，把好的实践沉淀下来，让大家站在前人肩膀上。

这就是 Vibe Coding 的工程化——不是个人英雄主义，而是团队协作。

结语：Vibe Coding 的三句心法

总结起来，Vibe Coding 的精髓就是"人是导演，AI 是演员"。展开说是三句话：

• 意图要清楚：你得知道自己要什么；
• 边界要明确：什么让 AI 做，什么自己做；
• 反馈要快：错了立刻纠正，别攒着。

听起来简单，做起来难，但这正是 Vibe Coding 的修行。享受 coding，别被 coding 困住——去写你的第一行代码吧。