项目简介
easy-vibe 是 Datawhale 出品的一套系统化中文 Vibe Coding 课程，主打”会说话就会做应用”——零基础也能从想法走到可上线的 AI 原生产品。
教程按”产品原型 → 全栈开发 → 高级跨平台”三个阶段递进，覆盖 AI IDE、原型设计、Supabase 后端、Stripe 支付、微信小程序、Android/iOS、Electron、PWA、VS Code 插件、NFT 等实战项目，配套 9 大知识领域、80+ 交互式专题。
💡
GitHub：
github.com/datawhalechina/easy-vibe
在线阅读：
datawhalechina.github.io/easy-vibe
四大可视化教学神器
这套教程之所以炸场，是因为把抽象的编程原理全部做成了”看得见、点得动”的交互组件：
三阶段学习路径
从 AI IDE 工具入手，学会需求拆解、页面设计、提示词写法、原型迭代，最终做出一个可演示的产品原型。
覆盖 Figma/MasterGo 设计、组件化 UI、Supabase 数据库、Stripe 支付、Vercel/Zeabur 部署，最终独立完成一个可上线的全栈 SaaS。
包含 Claude Code 七大深度指南（MCP/Skills/Agent Teams 等）+ 八大跨平台实战（PWA、Electron、NFT、VS Code 插件、Qt 工业 HMI 等）。
本地启动课件
方案一：让 AI IDE 帮你跑（最快）
在 Cursor / Trae / VS Code 等 AI IDE 的对话框中，直接输入：
请你帮我运行这个项目的本地服务方案二：传统命令行
需要 Node.js >= 18.0.0，按下面三步：
git clone https://github.com/datawhalechina/easy-vibe.git
cd easy-vibe
npm install
npm run dev启动成功后，浏览器访问 http://localhost:3000 即可看到完整课件，VitePress 支持热重载。
✅
不想本地装环境？直接访问在线版本：
datawhalechina.github.io/easy-vibe/welcome.html
学习建议
Q: 完全零基础，从哪开始？
直接进 第一阶段「动手做出原型」。从「AI 时代会说话就会编程」入手，先用贪吃蛇等小案例建立感觉，再逐步学习 AI IDE 工具与多页面原型搭建。
Q: 已经有开发经验了，想跳过基础？
从 第二阶段「初中级开发工程师」开始，重点学 Supabase 全栈、Stripe 支付集成、SaaS 大作业，3 个月就能独立交付一个可收费的产品。
Q: 想学 AI Agent / Claude Code 怎么办？
直接进 第三阶段「高级开发工程师」，重点看 Claude Code MCP 完全指南、Skills 完全指南、Agent Teams 完全指南；想做命令行 AI 助理的可配合 Hello Claw 项目食用。
Q: 卡住了找谁问？
仓库 Issue 区直接提问，Datawhale 保姆团队会跟进。也可加入官方微信群（README 底部有二维码）和其他学习者一起 vibe。
📜
License 提醒：本教程采用CC BY-NC-SA 4.0协议，可自由分享与改编，但 禁止商业使用，且修改后必须以相同协议发布。
本站收集的资源仅供内部学习、研究软件设计思想与原理使用。学习研究后请自觉删除，请勿添加内容资料中的联系方式，谨防受骗；请勿传播。因未及时删除或用于其他用途所造成的任何后果，均由使用者自行承担。感谢理解与配合！
若您认为「cmzhiku.com」发布的内容侵犯了您的合法权益，请联系站长邮箱：ksxwdyx@qq.com。我们将在核实后及时进行删除处理。
本站资源大多存储于云盘。如发现下载链接失效或资源异常，请及时联系我们，我们会第一时间核实并更新。
