什么是 Vibe Coding
Andrej Karpathy 在 2025 年初造的词。核心是：不再「写代码」，而是「描述需求 + 看着 AI 写 + 跟感觉调」。 你不必读懂每一行代码，只要看运行结果对不对，对就接着提需求，不对就喊 AI 改。
Vibe Coding 在 2024 年还不太行 —— 模型经常瞎写、跑不通、改一处坏另一处。 2026 年因为三个东西的成熟真正可用：
- Claude Sonnet 4.7：多文件一致性 + 框架知识更新 + 「不知道就说不知道」
- Claude Code（终端 Agent）：能自己读项目、跑测试、改文件、重试
- 1M 上下文：整个中型项目能塞进去，跨文件推理不丢
实战：4 小时做个 Chrome 扩展
我老婆抱怨 RSS 阅读器没有「这篇文章预计读多久」的标签。一个晚上做出来的过程：
Hour 1：定需求 + 起项目
装好 Claude Code，cd 到空目录，第一条指令：
我要做一个 Chrome 扩展，功能：在我打开的网页上自动识别正文区域（用启发式或 readability 算法）， 计算预计阅读时长（按 300 字/分钟中文 / 200 词/分钟英文），在页面右上角浮一个小标签显示。 不要服务端，纯客户端，Manifest V3。请先列项目结构和需要的文件，再问我有没有要改的。
关键 vibe：「先列结构再问我」—— 给 Claude 一个 checkpoint，避免它直接闷头写完再说。 15 秒后它列了：manifest.json / content.js / popup.html / styles.css / icons/。 我说“OK，开干。先不要 popup”，它开始一个一个文件写。
Hour 2：跑起来 + 调正文识别
装到 Chrome 一打开知乎，标签出现了但识别错了正文范围（把侧栏算进去了）。 告诉 Claude：
知乎页面上正文识别不对，把回答区和侧栏推荐都算了。我截了图你看。 （拖一张知乎截图进 Claude Code）
Claude Code 现在能看图（多模态）。它分析说“你这页面正文在 .RichContent class 里， 我加个 site-specific selector 优先级”，改了 content.js 30 行。再刷新，准了。
同样的 vibe 修了 Twitter、小红书、Medium 的识别问题。整个过程我没读过一行代码， 只在浏览器看效果，看不对就告诉它。
Hour 3：加细节 + 美化
说“标签太丑，灰色背景挺难看，做成 macOS 风格的胶囊形状， 鼠标悬停时展开显示『预计 8 分钟 · 1,800 字』”。Claude 改 styles.css + 加 hover 逻辑，3 分钟搞定。
加“阅读完打勾标记”功能：“用 chrome.storage.local 记住已读过的 URL， 已读的标签变绿色”。Claude 写存储 + 颜色逻辑，跑通。
Hour 4：打包 + 上 Chrome Store
“帮我打包成 .zip 准备上 Chrome Store。先告诉我还差什么 —— privacy policy、screenshots 之类的。”
Claude 列了 5 项要补的，我对着列表准备：privacy policy 让 Claude 直接写一段（适合纯本地存储的扩展）、 screenshots 我手动截了 3 张。提交。4 小时从 0 到提交审核。
这 4 小时 Vibe 起来的 5 个关键技巧
① 永远要 Claude「先列计划」
防止它写一半发现方向不对要推倒。每个大步骤前要个大纲，确认了再开干。
② 用截图代替描述
UI 不对、识别错了，拖截图比写“那个右上角的东西样式很丑”省 10 倍口舌。
③ 喊“改”不要喊“为什么这样”
Vibe Coding 的诀窍是跳过原理讨论。“不对，改成 X 样”比“为什么不对”快。 Claude 自己会调整。
④ 长任务前 /clear 一次
到第三小时，会话上下文积累很大（容易触发限流）。一个大功能做完了、 准备开下一个大功能时，/clear 清掉历史，开新一段对话。 重要的现状用 CLAUDE.md 留住。
⑤ 上下文不够时让它写到 CLAUDE.md
“现在的状态、待办、踩过的坑写到 CLAUDE.md 里。我等一下 /clear 后你能再读到。” Claude Code 会自动 cat CLAUDE.md，相当于持久化记忆。
Vibe Coding 适合做什么 / 不适合什么
| 适合 | 不适合 |
|---|---|
| 浏览器扩展、小工具脚本 | 高并发后端、低延迟系统 |
| 个人项目、idea 验证、MVP | 金融/医疗等合规重的领域 |
| 小程序、单页应用、CLI 工具 | 大型团队协作、长期维护的系统 |
| 数据可视化、爬虫、自动化 | 需要严密单元测试的核心库 |
用量花费 + 订阅建议
4 小时的扩展开发，Claude Code 大概消耗了 Max 5x 当天配额的 30%。 如果用 Pro 档，半路会限流（Pro Claude Code 实际可用 1-2 小时）。
想认真 Vibe Coding，建议 Max 5x 起步（¥980/月）。 每月做 5-8 个小项目，单项目人均成本 ¥120 左右，比请人写便宜两个数量级。 国内订阅见 三档对比。
常见问题
Q：完全不懂代码也能 Vibe 吗？
能，但有上限。简单工具（计算器、表单、爬虫）够；复杂功能（多服务架构、性能调优） 还是得懂大概在干什么。「能看懂错误信息 + 会用 Chrome DevTools」是最低门槛。
Q：AI 写的代码安全吗？
Claude Sonnet 4.7 在常见安全坑（SQL 注入、XSS、敏感信息泄露）上做得不错， 默认会用 prepared statement、escape 输入。但关键场景仍要人工 review， 尤其是涉及用户数据、支付、认证的代码。
Q：Vibe Coding 和 Cursor、Copilot 有什么区别？
Cursor / Copilot 是「辅助你写」，Vibe Coding 是「你看着 AI 写」。 前者你主导，后者 AI 主导。Claude Code 是当前最适合 Vibe 的 Agent。 详见 三大编程工具对决。