愚昧从来没有给人带来幸福；幸福的根源在于知识。——左拉

https://github.com/datawhalechina/easy-vibe

Easy-Vibe：一位“会说话就会做应用”的温柔领路人，带你一路 Vibe 到真正的产品

如果你问我：在 AI 时代，编程到底从哪里开始？

Easy-Vibe 会把手背到身后，像个自信又耐心的向导，眨眨眼说：

Want an expense tracker? Say it.
Need a booking system with WeChat login? Say it.
Want a blog with comments? Say it.
In the AI era, programming starts by describing what you want.
Easy-Vibe teaches you how to turn that into a real product.

它说得一点也不夸张——它不是在“教你背知识点”，而是在教你：怎么把一句人话，变成一个能跑起来的产品。

先来认识一下这位主角：Easy-Vibe 的自我介绍

Easy-Vibe 把自己的名片递到你面前，上面写着一句很上头的话：

Jump right in and vibe together — if you can talk, you can build apps.
直接上手，一起 vibe！会说话就会做应用。

它不想你从厚厚的概念墙里撞得头破血流，它更愿意你先“做出来”，然后再慢慢明白“为什么能这样做”。

你可以直接在线阅读它的全部内容（它把自己打扮得很体面）：

  • Read Online / 开始阅读：https://datawhalechina.github.io/easy-vibe/welcome.html
  • Learning Map / 学习地图：就在它的内容导航里等你

为什么需要 Easy-Vibe：它想解决的不是“不会”，而是“卡住”

Easy-Vibe 见过太多人：

  • 学了一堆语法，还是不知道怎么做一个完整项目
  • 看了很多教程，做项目时依然像在黑暗里摸墙
  • 明明有想法，却不知道怎么拆解、怎么验证、怎么推进
  • 甚至有经验，但面对 AI 协作、复杂项目、效率升级时仍会迷茫

它拍拍你的肩膀：别急。你缺的不是更多碎片知识，而是一张能走通的地图。

于是它拿出了它最骄傲的东西：

  • A beginner-friendly learning map：零基础专属指引，清晰规划路径，告别“学了忘”
  • Step-by-step visual tutorials：保姆级图文详解，如同私教在旁，跟着做就能学会
  • Immersive simulated coding：虚拟鼠标自动导览，带你快速上手 IDE 核心用法
  • Visible AI principles：算法原理动画化，一眼看懂 AI 如何“画”出图片
  • Learn RAG like a game：独家交互组件，点击即可看清 RAG 数据流向
  • Visual terminal concepts：命令行操作可视化，直观展示后台逻辑与原理

它不是“把内容堆给你”，它更像是把知识变成一个个会动的角色，带你走路，而不是让你背路书。

Who This Is For：它把每一种你都放在心上

Easy-Vibe 很会照顾人，它写得很明确：它想陪的人包括——

  • Complete beginners：先做出第一个作品，再理解怎么做
  • Product managers / founders：快速验证想法，低成本做 MVP
  • Students：建立 AI 时代的实战技能
  • Junior developers：补齐从想法到上线的完整开发链路
  • Mid-level and senior developers：升级 AI 协作开发、复杂项目实战与效率

你是谁都行，它不挑；它只关心：你想把东西做出来吗？

你的学习路径：Easy-Vibe 给你准备了不同的“人生支线”

Easy-Vibe 像个 RPG 的关卡设计师，一边翻着剧情手册，一边给你安排路线。

1）🎮 我想先来个快赢（fast first win）

它说：来，先别想太多，先赢一次。

  • Best for：Everyone
  • What you will learn：AI coding 的真实手感（例如 Snake）
  • What you will get：对 vibe coding 的第一印象，知道“对话式协作”能做什么

入口在这里：
https://datawhalechina.github.io/easy-vibe/en/stage-1/ai-capabilities-through-games/

2）💡 我有个想法，想变成产品原型

Easy-Vibe 会把你的想法接过来，小心翼翼放到桌上，像在做一次认真又轻盈的孵化：

  • 学习 roadmap
  • AI IDE 工具
  • 需求验证、原型构建
  • AI 能力集成
  • demo 迭代

入口在这里：
https://datawhalechina.github.io/easy-vibe/en/stage-1/learning-map/

3）🚀 我想做全栈产品：从 0 到上线

如果你要走更远，Easy-Vibe 会把背包给你背好：

  • 前端流程
  • 设计到代码
  • 数据库
  • 后端 API
  • 部署、计费
  • 大项目实践

入口在这里：
https://datawhalechina.github.io/easy-vibe/en/stage-2/

4）AI-Native：我想要 Claude Code / Agent 工作流（更硬核、更系统）

它也没忘记那些想把 AI 协作做成“工程化生产力”的人：

  • Claude Code
  • MCP
  • Skills
  • Agent Teams
  • long-running tasks
  • Spec Coding
  • cross-platform app delivery

入口在这里：
https://datawhalechina.github.io/easy-vibe/en/stage-3/

5）📚 我想把它当作长期资料库

Easy-Vibe 说：你也可以不着急闯关，先把我当成工具书和知识基地。

它的附录知识库覆盖：

  • 9 major knowledge areas
  • 80+ interactive topics

入口在这里：
https://datawhalechina.github.io/easy-vibe/en/appendix/

Study Suggestions：它给你的学习建议很“人话”

Easy-Vibe 不会站在讲台上发号施令，它会像朋友一样给你一个顺手的建议：

  • 初学者 / 产品经理 / 创业者：从 Stage 1 开始
  • 想从原型到全栈交付：从 Stage 2 开始
  • 想更高级的 Claude Code 工作流或跨平台：去 Stage 3
  • 概念卡住/背景不够：去 Appendix Knowledge Base

它不要求你“从头读到尾”，它更希望你：按自己的能力，选路走，边走边做。

🔥 News：它最近一直在长大（而且更新很勤快）

Easy-Vibe 把更新记录写得像日记一样认真（我尤其喜欢它这种“我在变好”的坦诚）：

  • [2026-03-29] ✨ Vibe Stories launched and upgraded with real user journeys
  • [2026-03-26] 🚀 Major Stage 2 practice update：完成 SaaS 结课项目 “Your First SaaS Full-Stack App: Copywriting Generator Website”
  • [2026-03-25] 📚 New appendix: User Research and Requirement Validation
  • [2026-03-25] 📚 English documentation fully updated：Stage 2 & Stage 3 英文版已完整可用

它还把过去的新闻折叠起来，像把旧照片放进相册：

  • [2026-03-02] 🦞 OpenClaw and AI Agent friendly support：新增 llms.txt
  • [2026-03-01] Advanced Development section 大升级（深度 Claude Code 指南）
  • [2026-02-25] Appendix Knowledge Base 更新：9 大知识领域、80+ 交互主题
  • [2026-01-27] Android & iOS 教程加入
  • [2026-01-19] Prompt Engineering、AI history、auth design、Git principles 等交互 demo 发布
  • [2026-01-16] 项目结构重组，建立新手入口路径
  • [2026-01-14] Stage 1 原型文档大更新
  • [2026-01-13] 文档架构重构，多语言支持启用
  • [2026-01-01] 核心学习地图发布

你看，它不是“做完就不管”的项目，它一直在往前走。

🛠️ How To Learn：它的学习方式就是一句话——读你需要的，做你能做的

Easy-Vibe 的态度很明确：

Read and practice the sections that match your current level. If you get stuck, feel free to open an issue.

它喜欢你提问，也欢迎你参与——它是那种“你来就有位置”的开源伙伴。

💻 Run Locally：它甚至把“怎么在本地跑起来”也安排得很贴心

Easy-Vibe 给了两种启动方式：一种像 AI 时代的“口令魔法”，一种像传统的“手动点火”。

现代方案（AI IDE 对话启动）

在 VS Code、Cursor 或 Trae 的 AI IDE 对话窗口里，对它说：

1
Please help me run this project locally.

（中文版本里，它也接受这一句）

1
请你帮我运行这个项目的本地服务

传统方案（命令行启动）

它把步骤写得很直白，不绕弯：

1
2
npm install
npm run dev

然后打开：

1
http://localhost:3000

它会在那里等你。

🤝 Contributing：它喜欢一起“vibe”，也欢迎你来添一笔

Easy-Vibe 说：

  • 发现问题 / 想改进：欢迎开 Issue
  • 想参与贡献：欢迎提 Pull Request
  • 想发起新的 Datawhale 开源项目：可以参考 Datawhale Open Source Project Guide

它不是一座封闭的城堡，更像一个灯火通明的工坊：你来就能一起干活，一起变强。

🙏 Contributors：它记得每一个帮助过它的人

Easy-Vibe 在 README 里认真写下了贡献者名单：

  • Sanbu - Project Lead（Datawhale member）
  • Fang Ke - Mentor（Datawhale member, Tsinghua University）
  • Yerim Kang（Practice projects, Tsinghua University）
  • Zhilin Zhao（Practice projects, Tsinghua University）
  • Yixuan Li（Visual design, Tsinghua University）
  • Siyi Liu（Practice projects, Tsinghua University）
  • Lixin Liu（Practice projects, Tsinghua University）
  • AI Vibe Coding 101 internal testing group 的所有伙伴

还有特别感谢：

  • Thanks to @Sm1les
  • Thanks to every contributor and everyone who supported the project with feedback and stars ❤️

它把“人”放在很重要的位置——这也正是开源最迷人的地方：代码会发光，是因为有人在照亮它。

📄 LICENSE：它的边界也写得很清楚

Easy-Vibe 使用：

Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License（CC BY-NC-SA 4.0）

它既开放，也有原则。

最后一段：Easy-Vibe 想对你说的，其实就一句

如果你还在犹豫“我能不能做出来”��Easy-Vibe 会把那句口号又拿出来，轻轻放在你手心：

直接上手，一起 vibe！会说话就会做应用。

你只需要开始描述你想要的东西——
剩下的路，它会陪你走。