我是零基础，从哪开始学习 Vibe Coding？

推荐先阅读 Basic/00-preface/ 找到你的位置，然后从 Basic/01-awakening/ 开始系统学习。教程从最基础的概念讲起，无需任何编程经验。

Vibe Coding 和传统编程有什么区别？

Vibe Coding 强调用自然语言与 AI 对话来生成代码，而非手写每一行代码。你扮演"指挥官"角色，AI 负责"编码"，让你专注于想法实现而非语法细节。

需要什么工具开始学习？

基础篇只需 AI 工具（ChatGPT、Claude、Cursor 任选其一）和浏览器。进阶篇推荐使用 Cursor 或 Windsurf 作为开发环境，配合 Next.js、TypeScript 等现代技术栈。

学习完能做出什么？

基础篇后能独立完成小型 Web 应用并部署上线；进阶篇后能开发包含数据库、用户认证的全栈应用，并掌握从 0 到上线的完整产品交付流程。

教程是免费的吗？

是的，Vibe Vibe 是完全开源的免费教程，采用 CC BY-NC-SA 4.0 许可协议。欢迎在学习、教学中使用，也欢迎社区贡献内容。

如何参与贡献？

可以通过 GitHub Issues 反馈问题，或提交 Pull Request 完善内容。详见项目 README.md 的"参与贡献"部分。

正在根据浏览器语言跳转

Vibe Vibe 会优先根据你的浏览器语言进入中文或英文版本。

进入中文版本
Continue in English

1.1 编程已死，编程永生：从 Coder 到 Commander

1.2 破除迷信：不懂英文、数学不好也能写代码吗？

1.3 工具初探：AI 编程工具选型指南

1.4 Vibe vs Spec：AI 编程的两种方式

1.5 Hello World：你的第一个 3 分钟 AI 网页

2.1 思维升级：从"我想做一个App"到"我要解决一个问题"

2.2 逆向思维：先想清楚什么会让项目失败

2.3 减法思维：MVP不是「最小功能」，而是「最小可验证价值」

2.4 故事思维：把用户当作故事的主角

2.5 灵魂三问：开发前必须回答的问题

2.6 场景应用：这些思维工具不只是用来「做产品」的

2.7 问题发现：如何找到值得解决的问题

2.8 本章总结：产品经理的思维工具箱

附录：心法篇补充材料

3.1 提示词工程基础：Context is King

3.2 结构化提示词框架

3.3 进阶提示技巧

3.4 编写你的第一份 PRD

3.5 迭代对话的艺术

3.6 当 AI 不听话时

3.7 本章总结与实战演练

附录：常用 Prompt 模板库

4.1 开始之前：整合你的准备工作

4.2 第一轮：搭建页面框架

4.3 第二轮：实现核心功能

4.4 第三轮：让数据活起来

4.5 Debug 实战：当 AI 代码报错时

4.6 收尾与回顾

5.1 后悔药：代码改崩了怎么办

5.2 见世面：把网页发到互联网上

5.3 护城河：AI 时代的安全意识

5.4 再进化：项目的持续迭代与优化

5.5 知边界：Vibe Coding 的能与不能

5.6 启程前：本章总结与进阶预告

正在根据浏览器语言跳转 ​

正在根据浏览器语言跳转