easy-vibe:Datawhale 开源的 Vibe Coding 全栈教程,从想法到产品的完整路径
项目简介
easy-vibe 是 Datawhale(数据)开源的 Vibe Coding 全栈教程,教你如何用自然语言描述需求,然后用 AI 编程工具把想法变成真正的产品。它不教语法、不教算法,而是教你在 AI 时代用对话写代码。
面向所有人:零基础小白、产品经理、独立开发者、初中级工程师——只要会说话,就能编程。
什么是 Vibe Coding
Vibe Coding(氛围编程)是 2025 年兴起的编程范式:用自然语言描述你想要的产品,AI 帮你写代码、调试、部署。你不需要懂语法,只需要知道"我要什么"。
传统编程:学语法 → 写代码 → 调 Bug → 部署
Vibe Coding:描述需求 → AI 写代码 → 验证效果 → 发布产品
easy-vibe 就是要教你掌握这套新范式。
四大学习阶段
🎓 Stage 1: 产品原型(入门)
→ 感受 AI 编程,做出可展示的产品原型
🔧 Stage 2: 全栈开发(实战)
→ 前端 + 后端 + 数据库 + 部署 + 支付
⚡ Stage 3: 高级开发(进阶)
→ Claude Code 深度用法、MCP、Agent Teams
📚 附录知识库(补充)
→ 9 大知识领域,80+ 互动主题
阶段一:产品原型
🎯 适合谁
零基础小白、产品经理、创业者、想快速验证想法的人
📖 学什么
- AI 编程初体验:通过贪吃蛇等小游戏感受 AI 编程能力
- AI IDE 工具:掌握主流 AI 编程工具的使用
- 发现好想法:如何找到值得做的产品方向
- 构建产品原型:从需求到单页/多页产品原型
- 集成 AI 能力:文本、图片、视频 AI 功能
- 完整项目实践:模拟真实场景,收集用户反馈并迭代
🏆 得到什么
一个可以展示给用户或团队的可交互 AI 产品原型
附录内容(阶段一配套)
| 主题 | 内容 |
|---|---|
| 产品思维 | 从零到一的核心框架 |
| AI 行业场景(B端) | AI 在各行业的应用 |
| AI 消费场景(C端) | 消费者 AI 产品机会 |
| 双钻模型 | 先做对的事,再把事做对 |
| Jobs to Be Done | 通过真实任务分析用户目标 |
| The Mom Test | 用户访谈方法,避免虚假反馈 |
阶段二:全栈开发
🎯 适合谁
初级开发者、独立开发者、想从原型到全栈交付的进阶学习者
📖 学什么
- 前端工作流:Figma/MasterGo 设计稿、UI 设计基础、多产品设计规范
- 设计转代码:把设计原型变成可运行的前端代码
- 数据库:Supabase 现代 BaaS 平台
- 后端 API:AI 辅助 API 设计和后端代码生成
- 部署:Zeabur 云端部署全栈应用
- 支付:集成 Stripe 等计费系统
🏆 得到什么
独立完成现代 AI Web 应用的能力,含登录、生成、计费等完整功能
大型项目实战
| 项目 | 内容 |
|---|---|
| AI 文案生成 SaaS 网站 | 含登录、生成、计费、管理后台的完整全栈应用 |
| 在线考试管理系统 | 题目生成、考试流程、管理工具 |
阶段三:高级开发
🎯 适合谁
对 AI 原生开发工作流感兴趣的开发者
📖 学什么
- Claude Code 入门 — 安装、配置、基础用法
- MCP 集成 — 连接 GitHub、数据库、API 等服务
- Skills 指南 — 把专业知识打包成可复用的 Skill
- 长任务设计 — 让编码工具持续工作直到完成
- Agent Teams — 协调多个 AI 实例像真实开发团队一样协作
- 工程级开发 — TDD + 最佳实践让 AI 产出工程级代码
- 工作流最佳实践 — 重构、代码审查、日常开发
- 移动端远程开发 — 在手机上远程控制 Claude Code
附录知识库
当遇到概念障碍或缺少背景知识时,随时查阅。覆盖 9 大知识领域,80+ 互动主题:
- 计算机基础、前端/后端基础
- 基础设施、AI 原理
- 工程实践
- 7 款 AI 编程工具横评
- 多 Agent 协作实战
Vibe Stories
项目收录了真实用户的 Vibe Coding 故事:
👩🏫 乡村小学教师
用 AI 做出了教学辅助工具,改善课堂体验
🎓 大学生
用 AI 编程完成自己的第一个产品
👨🏫 高中 IT 教师
用 AI 工具构建教学管理系统
🚛 卡车司机
用 AI 做出了真实可用的产品
快速开始
在线阅读(推荐)
直接访问官网开始学习:
https://datawhalechina.github.io/easy-vibe/
中文:https://datawhalechina.github.io/easy-vibe/zh-cn/
英文:https://datawhalechina.github.io/easy-vibe/en/
本地克隆
git clone https://github.com/datawhalechina/easy-vibe.git
cd easy-vibe
选择你的学习路径
| 你是谁 | 从哪里开始 |
|---|---|
| 零基础 / 产品经理 / 创业者 | 阶段一 |
| 初级开发者 / 独立开发者 | 阶段二 |
| 想学 Claude Code 高级用法 | 阶段三 |
| 遇到概念不懂 | 附录知识库 |
实战场景
📝 场景一:产品经理验证想法
# 不用写一行代码,用自然语言描述产品
# 通过阶段一的学习,你能:
# 1. 找到值得做的产品方向
# 2. 用 AI 做出可交互的产品原型
# 3. 拿给真实用户测试,收集反馈
# 4. 根据反馈快速迭代
几天时间就能完成传统开发需要几周的验证流程。
💻 场景二:独立开发者做 SaaS
# 阶段二的综合项目:AI 文案生成 SaaS
# 涵盖:
# - 前端设计(Figma / MasterGo)
# - 后端 API 设计
# - Supabase 数据库
# - Zeabur 云端部署
# - Stripe 支付集成
# - 管理后台
这是一个人就能完成的全栈开发。
🤖 场景三:Claude Code 高级工作流
# 阶段三教你用 Claude Code 像团队一样工作:
# 1. MCP 连接外部服务(GitHub、数据库、API)
# 2. Skills 把专业知识打包复用
# 3. Agent Teams 多 AI 协作
# 4. 长任务持续工作
# 5. TDD 产出工程级代码
📱 场景四:做移动 App
教程已覆盖 Android 和 iOS 应用开发,用 AI 辅助构建原生应用。
总结
easy-vibe 是中文社区最系统的 Vibe Coding 教程——从"用 AI 做小游戏"入门,到独立交付全栈 SaaS,再到 Claude Code 高级工作流,覆盖了从想法到产品的完整路径。
✅ 8,756 Stars — Datawhale(数据鲸)出品
✅ 四阶段路径 — 原型 → 全栈 → 高级 → 知识库
✅ 适合所有人 — 零基础到高级开发者
✅ 真实案例 — 乡村教师、大学生、卡车司机都能做产品
✅ 中英双语 — 中文 / English 完整覆盖
✅ 9 大知识领域 — 80+ 互动主题随时查阅
✅ Claude Code 深度教程 — MCP / Skills / Agent Teams
✅ 持续更新 — 2025 年底至今活跃维护
如果你想知道"AI 时代的编程到底是什么样",easy-vibe 是最好的入门路径。
浙公网安备 33010602011771号