logo

Vibe Coding

从零开始，用自然语言写代码

👤适合：零基础想学编程 / 程序员想提效
⏱️4-6周
📊入门

Vibe Coding 就是“用自然语言写代码”。和 AI 聊天，把需求说清楚，它就能写出能跑的代码。

整个路径只分两部分：基础篇带你安装工具、发出第一个 Prompt；进阶篇教你和 AI 搭档完成完整功能。

零基础也能跟上，只要能描述需求，就能开始。

30秒快速体验

在开始之前，先感受一下 Vibe Coding 的魔力。打开 ChatGPT 或 Claude，输入：

请写一个 JavaScript 函数 greet(name)，返回字符串 "Hello, {name}!"，并给出一个调用示例。

几秒钟就能拿到代码并跑起来，这就是 Vibe Coding —— 用自然语言写代码。

你将学会什么

在这个教程中，你将学会：

  • ✓安装并用上 Cursor / Claude Code
  • ✓写出清晰的 Prompt 让 AI 生成和修改代码
  • ✓看懂并校验 AI 输出，用 AI 做小步 Debug
  • ✓和 AI 配合交付一个小功能

后续章节总览

按大章节快速预览，直接跳到你想学的部分。

Section
基础篇

一分钟看懂“聊天写代码”的工作流与心智模型

6 节阅读/图文
进入 基础篇 →
Section
进阶篇

提供最小上下文、拿到修复步骤与验证方法

18 节阅读/图文
进入 进阶篇 →
Section
工具篇

为 Claude Code、Cursor 等工具配置 MCP 服务器，扩展 AI 能力

13 节阅读/图文
进入 工具篇 →
Section
实战篇

零基础用 AI 手搓商业级产品的 9 步标准流程

1 节阅读/图文
进入 实战篇 →

推荐学习路线

我们为你准备了详细的学习路线图，帮你规划学习路径。

🗺️
Vibe Coding 学习路线图
查看完整路线图 →

常见问题

什么是 Vibe Coding？
Vibe Coding 是一种新型编程范式，强调开发者通过自然语言与 AI 协作，不再纠结于语法细节，而是专注于产品逻辑与用户体验。核心工具包括 Cursor、Claude Code、v0 等。
完全不懂代码能学 Vibe Coding 吗？
可以。Vibe Coding 的初衷就是降低编程门槛。通过学习如何精准描述需求（Prompting）和使用 AI 工具（如 Cursor），零基础也能构建出完整的 Web 应用。
Vibe Coding 和传统编程有什么区别？
传统编程是"人写代码"，开发者是打字员；Vibe Coding 是"人审代码"，开发者是产品经理和架构师，AI 负责具体的代码实现。

延伸阅读

Claude + Next.js + Vercel
用 Agents / Commands / Hooks 搭建完整前端交付流程。
Claude + Supabase
从 schema 到 RLS 的实战流程，面向 AI 工程化落地。
E2B Sandbox
云端隔离运行 Claude Code，安全测试高风险操作。