一、什么是 Vibe Coding?
Vibe Coding 最早由 AI 社区调侃出来:
'Don't write code. Just vibe.'
意思是:开发者只需要表达需求和感觉,AI 会完成代码。
传统编程是:
需求 → 设计 → 写代码 → 调试 → 部署
Vibe Coding 变成:
想法 → 对 AI 描述 → AI 写代码 → 人类调整
开发者的角色正在从 Coder → Director。换句话说:你不再是写代码的人,而是指挥代码的人。
二、Vibe Coding 的核心工作流
目前最常见的 Vibe Coding 工作流大致是:
Step 1 需求描述
用自然语言描述需求:
例如:
帮我做一个类似 Notion 的笔记应用 需要支持 Markdown 支持实时同步 UI 简洁
Step 2 AI 生成代码
AI 工具会设计项目结构、写前端代码、写 API、写数据库 schema。例如生成 Next.js Supabase Tailwind Prisma 完整项目。
Step 3 人类微调
开发者主要做调整逻辑、优化 UI、修复 bug、提升性能。
Step 4 持续对话开发
开发过程变成对话形式:
- 你:加一个 dark mode
- AI:生成代码
- 你:这个按钮不好看
- AI:修改组件
三、当前主流 Vibe Coding 工具
现在的工具基本可以分为 4 个层级。
1 AI IDE
代表工具:Cursor, Windsurf, Codeium, GitHub Copilot Workspace。
其中 Cursor 是目前 Vibe Coding 最流行的工具。它的核心能力:理解整个代码库、修改多个文件、自动生成代码、自动修复 bug。
例如输入 Add authentication using Supabase,Cursor 会自动写 API、middleware、UI、更新 routing。
2 AI Agent 编程
更激进的一类工具:Devin, OpenDevin, SWE-agent。
它们的目标是 AI 自动完成整个开发任务。比如输入 Build a todo app Deploy to Vercel,AI 会写代码、运行测试、修复错误、部署上线。
3 无代码 AI Builder
代表工具:v0.dev (Vercel), Bolt.new, Replit AI, Lovable, Typedream AI。
这些工具甚至不需要 IDE。只需要输入 Build a SaaS landing page,AI 就会生成 UI、组件、完整网站。
4 AI DevOps
还有一类工具解决部署问题:Railway, Supabase, Vercel, Render。
这些平台让 AI 写代码后自动部署,几分钟就可以上线产品。
四、一个完整的 Vibe Coding 实战流程
假设你要做一个 AI 写作 SaaS,完整流程可能是:
Step 1 用 v0 生成 UI
输入:Create an AI writing SaaS dashboard
生成 sidebar, editor, project list。


