副标题:国内首个系统化的 Vibe Coding 开源教程 —— 从「我有一个想法」到「我做出了一个产品」,让人人都能成为 Builder
1. 30 秒介绍
Vibe Vibe 是 Datawhale 社区出品的 AI 辅助编程系统化教程,面向零编程基础学习者,践行 Andrej Karpathy 提出的 Vibe Coding 理念——从 Coder 到 Commander,把编程从"写代码"变成"对话式创作"。
它解决的核心痛点是:Vibe Coding 已成全球趋势,但国内学习资源碎片化严重,缺乏零基础友好、含完整进阶路径的系统教程。教程分基础篇 / 进阶篇 / 实践篇 / 优质文章篇四大板块,覆盖「入门心法 → 完整项目交付 → 分人群实战 → 行业前沿追踪」的全链路。
- 在线阅读:www.vibevibe.cn
- 理念原点:“完全沉浸于编程的’氛围’中,忘记代码的存在。”
2. 主要内容
模块总览
| 模块 | 规模 | 内容概要 |
|---|---|---|
| 5 章 + 结语 + 5 个附录 | 写给所有人的 AI 编程入门:觉醒、心法、技法、实战、精进 | |
| 16 章(序言均可阅读) | 以完整产品交付流程为主线,覆盖环境、架构、部署、运维 | |
| 基础板块(按人群)+ 进阶板块(Sean’s Stories 系列) | 动手练手的项目与进阶技能训练 | |
| 5 类 | 知名公司博客、优质播客、研究报告、Newsletter、开发者社区 |
亮点模块
① 基础篇 —— 心法 + 技法 + 第一个项目
不堆功能,先教"像产品经理一样思考",再教"与 AI 对话的艺术":
| 章节 | 关键内容 |
|---|---|
| 第 1 章 觉醒 | 从 Coder 到 Commander;Vibe Coding 与 Spec Coding 详解;Cursor / Windsurf / Bolt.new / Replit 选型;3 分钟做出第一个 AI 网页 |
| 第 2 章 心法 | MVP 思维、灵魂三问(用户是谁?痛点在哪?为何用你?)、拆解"背单词软件"这类想法 |
| 第 3 章 技法 | Context is King、用户旅程地图、编写第一份 PRD、P0/P1/P2 优先级 |
| 第 4 章 实战 | 无需命令行的环境搭建;三轮迭代(先看"脸"→再长"脑"→数据存储);用 AI 修复 AI 的 Debug 指南 |
| 第 5 章 精进 | 改崩了怎么办、发布到互联网、AI 时代的安全意识、持续迭代、Vibe Coding 的边界 |
附录还配了 Prompt 速查清单、常见错误速查表、术语表中英对照、工具对比表、项目 idea 清单。
② 进阶篇 —— 16 章「从 0 到上线」的完整交付流程
这是全篇最有工程含量的部分,把一个人从写代码到把产品跑在公网上的全流程拆成 16 章:
第 1 章 环境搭建、代码形态与包管理器
第 2 章 开发工具与 AI 调教
第 3 章 PRD 与文档驱动开发
第 4 章 开发常识与技术栈
第 5 章 代码运行状态与构建原理
第 6 章 界面(UI)与交互(UX)
第 7 章 环境变量与安全机制
第 8 章 数据持久化与数据库
第 9 章 功能测试流程与自动化脚本
第 10 章 Localhost 与公网访问
第 11 章 Git 版本控制与跨平台协作
第 12 章 无服务器部署与 CI/CD 自动化
第 13 章 域名解析原理与网络接入
第 14 章 云服务器运维与项目部署
第 15 章 SEO、分享与数据统计
第 16 章 用户反馈与产品迭代
技术栈直接对齐现代生产环境:Next.js 16 · React · TypeScript · Tailwind CSS · shadcn/ui · Drizzle ORM · PostgreSQL。
③ 实践篇 —— 按人群分层的项目实战
| 人群 | 项目方向 |
|---|---|
| 文科生 / 商科生 | 内容创作、数据展示类 |
| 理工科学生 | 算法可视化、数据处理类 |
| 职场人士 | 工作流自动化、效率提升类 |
| 进阶板块 | 上线应用、数据库、后端部署、用户认证;AI Agent 开发(RAG、向量数据库、MCP 集成);SaaS / 地图 / 移动应用;n8n、GitHub 工作流 |
④ 进阶版预告:在线 IDE + Skills(即将推出)
无需本地配置,浏览器内即可学习:云端 IDE 内置 Node.js 24、Python、Docker;预装 50+ AI Skills;开箱即用。
适合 / 不适合
完全零基础者、用过 ChatGPT 但没做过项目的人
想系统了解"从想法到上线"完整交付流程的开发者
大学生、创业者、传统程序员、职场人士
只想速查某个具体 API / 框架用法的人(这是体系化教程,不是文档)
想深入底层语言原理、算法训练的人(教程重心在"指挥 AI 交付产品")
3. 快速上手与链接
在线阅读:https://www.vibevibe.cn
仓库地址:https://github.com/datawhalechina/vibe-vibe
本地运行(Docker 私有化部署):
docker compose up -d --build
默认访问地址为 http://localhost:1024。更完整的部署方式、静态文件部署与离线环境注意事项见 部署指南。
按起点选择入口:
| 你是谁 | 推荐起点 |
|---|---|
| 完全零基础 | 基础篇 → 第 1 章 觉醒 |
| 用过 LLM 工具但没做过项目 | 基础篇 → 第 2 章 心法 |
| 有编程基础想学 Vibe Coding | 基础篇快速浏览 → 进阶篇 |
| 想直接动手做项目 | 基础篇 → 第 4 章 实战 |
| 想找项目练手 | 实践篇 |
模块直达(仓库目录):
作者 / 协议:
项目负责人 & 核心贡献者:符航康、齐国皓;实践篇与文章篇由刘磊、陈俊希、金龙、舒璐璐等贡献。
协议:CC BY-NC-SA 4.0(署名—非商业性使用—相同方式共享)。