Easy-Vibe

项目简介

Easy-Vibe 是由 DataWhale 团队维护的系统化 Vibe Coding 实战教程项目，目前在 GitHub 累计获得超过 11,000 颗星标，被广泛应用于国内 AI 编程教育场景。Vibe Coding 由 AI 研究者 Andrej Karpathy 于 2025 年 2 月提出，核心理念是：人用自然语言描述意图，让 AI 生成代码，观察运行结果，再通过对话不断调整——而不必从头手写、理解和管理每一行代码。Easy-Vibe 正是这一理念的完整落地教程，从零基础入门到产品交付，覆盖全路径。

核心功能

阶段式学习路径

Easy-Vibe 将学习内容分为四个递进阶段：

• Stage 1 · 零基础入门：通过制作贪吃蛇等 AI 原生小游戏，体验 AI 编程的魅力，打破对代码的恐惧；掌握从想法到可交互原型的完整 Vibe Coding 工作流。
• Stage 2 · 初中级开发：从前端到后端、从数据库到部署，一个人完成现代 AI 增强的全栈 Web 应用。涵盖素材生成 Agent、Figma 设计稿转代码、Supabase 真实数据项目、CloudBase/Vercel/Zeabur 部署上线。
• Stage 3 · 高级开发：跨平台桌面应用（Electron）、Claude Agent Teams 多代理协作、长时间任务稳定执行、个人品牌与技术博客搭建。
• Appendix · 附录知识库：覆盖 9 大知识领域、80+ 互动主题，包括 AI 进化史、提示词工程、大语言模型原理、前端基础、Git 版本控制、数据库原理、API 设计等。

Vibe Stories 真实用户故事

2026 年 3 月上线真实用户故事板块，收集并展示了来自农村小学教师、大学生、高中信息技术教师、卡车司机等不同背景用户用 AI 做出真实产品的经历，用于激励学习者。

多语言文档支持

Stage 2（全栈开发）和 Stage 3（高级开发）内容已全面提供英文版本，方便国际用户学习。

OpenClaw / AI Agent 友好支持

项目添加了 llms.txt 文件，使 OpenClaw、Claude、Cursor、Trae 等 AI Agent 能够快速理解仓库结构并找到对应的教程内容，降低 AI 辅助学习门槛。

技术实现

Easy-Vibe 的技术架构围绕"让零基础用户也能快速做出产品"这一目标设计：

• 前端：Next.js 16（App Router）+ React 19 + TypeScript + TailwindCSS，Monaco Editor 提供代码编辑体验
• 后端：FastAPI + Claude AI（通过 OpenRouter API）
• 文件管理：基于文件系统的项目管理，支持项目创建、编辑、删除和实时预览
• 部署：Vercel、Zeabur、CloudBase 等多个平台均提供详细部署教程
• Stripe 支付集成：Stage 2 包含完整的 Stripe 支付接入教学
• Dify AI 知识库集成：学习将 RAG 能力接入真实产品

项目内容持续活跃更新，最近更新包括：2026-03-29 Vibe Stories 真实用户故事上线；2026-03-26 Stage 2 SaaS 毕业项目（文案生成网站）完成，Stripe 支付集成内容大幅扩充；2026-03-25 用户研究与需求验证附录上线（Double Diamond 模型、The Mom Test 等）。

快速上手

第一步：访问课程主页

打开 Easy-Vibe 中文教程首页 https://datawhalechina.github.io/easy-vibe/zh-cn/ ，了解完整学习路径。

第二步：从学习地图开始

访问 https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/learning-map/ ，获取从零基础到全栈开发的完整学习路线图，明确每个阶段的目标和收获。

第三步：完成第一个 AI 编程体验

从 Stage 1 的"游戏化入门"开始，通过制作贪吃蛇等简单 AI 原生小游戏，几分钟内体验 AI 编程的工作方式，打破"编程很难"的心理障碍。

第四步：推进到产品原型实战

掌握 Vibe Coding 工作流，从想法到可交互原型，独立完成高保真 Web 应用，将学习成果落地为可演示的作品。

第五步：进入全栈开发阶段

在 Stage 2 中学习前端工作流、设计稿转代码、数据库设计、API 接入和部署上线，独立完成现代 AI 增强的 Web 应用。

适用人群

• 零基础用户：不需要先学几年编程，会说话就能开始做产品
• 学生：作业、比赛、创业项目自己动手，不再求人
• 产品经理 / 创业者：想法不再停留在 PPT，能快速做出 Demo 并交给用户验证
• 初中级开发者：学习 AI 协作工作流，升级能力边界
• 独立开发者：借助 AI Agent 和 Easy-Vibe 工作流，尝试 OPC（一人公司）模式

官方链接

• GitHub 仓库：https://github.com/datawhalechina/easy-vibe
• 中文教程站：https://datawhalechina.github.io/easy-vibe/zh-cn/
• 英文教程站：https://datawhalechina.github.io/easy-vibe/en/