A beginner-friendly learning map Clear guidance from zero, so you can stop "learning and forgetting"	Step-by-step visual tutorials Detailed walkthroughs that feel like learning with a private tutor
Immersive simulated coding Virtual mouse guidance helps you quickly learn the core IDE workflow	Visible AI principles Animated explanations make it easy to see how AI generates images
Learn RAG like a game Interactive components let you click through the full RAG data flow	Visual terminal concepts Command-line behavior becomes intuitive when the underlying logic is visualized

GitHub 地址：https://github.com/datawhalechina/easy-vibe

简介

Easy-Vibe​ 是 Datawhale 社区开源的 AI 时代编程入门课程。它的核心理念是 “Vibe Coding”（氛围编程）——如果你会说话，你就能构建应用。它彻底颠覆了传统的“先学语法、再做项目”的学习路径，转而采用“先跑通产品、再理解原理”的现代学习法。

该项目专为零基础初学者设计，通过可视化的学习地图、沉浸式的模拟编码和真实的项目实战，帮助产品经理、创业者、学生甚至非技术人员，在 AI 工具的辅助下，快速将想法转化为可运行的产品原型。

主要功能

1. 可视化学习地图与渐进式路径

Easy-Vibe 将学习过程拆解为三个阶段，让学习者清晰看到自己的成长轨迹：

• Stage 1（产品原型）：专注于“想法验证”。学习如何用自然语言描述需求，利用 AI IDE（如 Cursor、Trae）生成单页或多页应用原型，并集成 AI 能力（文本、图像）。

• Stage 2（全栈开发）：进阶到“真实交付”。学习前端设计（Figma 转代码）、后端数据库（Supabase）、API 设计以及部署上线（Zeabur），最终能独立交付 SaaS 级应用。

• Stage 3（高级开发）：深入“AI 原生”。掌握 Claude Code、MCP（模型上下文协议）、Agent Teams（智能体团队）等高级工作流，实现跨平台（Web、小程序、桌面）开发。

2. 沉浸式交互学习组件

区别于枯燥的文档，Easy-Vibe 提供了独特的交互式学习体验：

• 模拟编码：通过虚拟鼠标引导，让初学者在真实 IDE 环境中练习与 AI 对话编程，消除对代码的恐惧。

• 可视化原理：通过动画组件直观展示 RAG（检索增强生成）的数据流、Git 版本控制原理等复杂概念，让抽象技术变得可见可感。

• 附录知识库：涵盖 9 大知识领域、80+ 个交互主题，作为随时查阅的“技术字典”。

3. AI-Native 工具链集成

项目本身深度拥抱 AI，不仅教授知识，还优化了与 AI 协作的体验：

• Agent 友好：提供 llms.txt和 CLAUDE.md文件，让 Claude Code、OpenClaw 等 AI 智能体能快速理解项目结构，充当学习助手。

• 现代技术栈：基于 Next.js、React、Tailwind CSS 等现代框架，确保学习者学到的是当下最实用的技能。

安装与配置

Easy-Vibe 本身是一个在线文档/课程项目，其核心价值在于内容，而非一个需要安装的软件。但为了本地开发或贡献，也支持本地运行。

方式一：在线阅读（推荐绝大多数用户）

这是最快捷的方式，无需任何配置。

1. 直接访问官方文档站：https://datawhalechina.github.io/easy-vibe/

2. 选择语言（中文/English），即可开始阅读和学习。

方式二：本地运行（适合开发者或贡献者）

如果你想在本地修改内容或体验开发版本，需要配置 Node.js 环境。

1. 克隆项目：

   git clone https://github.com/datawhalechina/easy-vibe.git
   cd easy-vibe

2. 安装依赖：

   npm install

3. 启动开发服务器：

   npm run dev

4. 访问：打开浏览器访问 http://localhost:3000。

前置工具配置（学习必备）

学习本课程不需要安装 Easy-Vibe 本身，但需要配置以下AI 编程工具：

• AI IDE：安装 Cursor、Trae 或 VS Code + GitHub Copilot。

• 运行环境：安装 Node.js（版本 18+）和 Git。

• 数据库：注册 Supabase（免费 tier）用于后端学习。

如何使用

学习路径选择

根据你的身份和目标，选择对应的入口：

• 🎮 快速尝鲜（所有人）：直接进入“交互式教程”，在 30 分钟内完成一个“贪吃蛇”或“待办清单”应用，感受 AI 编程的魔力。

• 💡 产品经理/创业者：重点学习 Stage 1。掌握“用户访谈（Mom Test）”、“需求验证”和“原型构建”，快速将 idea 转化为可演示的 MVP（最小可行产品）。

• 🚀 开发者/学生：系统学习 Stage 2。从前端到后端，从数据库到部署，按照项目实战（如“AI 文案生成 SaaS 网站”）一步步构建完整应用。

与 AI 协作学习

Easy-Vibe 鼓励你“带着 AI 一起学”：

1. 复制上下文：在学习新章节前，将 llms.txt或 CLAUDE.md的内容发送给你的 AI 助手（如 Claude Code）。

2. 对话式学习：遇到不懂的概念（如“什么是 RAG？”），直接让 AI 基于 Easy-Vibe 的上下文给你解释。

3. 实战演练：按照教程中的“任务卡”，在 AI IDE 中通过自然语言指令（如“帮我创建一个登录页面”）完成编码练习。

应用场景实例（无代码）

场景一：产品经理的“零代码”MVP 验证

痛点：产品经理有一个“员工内部知识库”的想法，但无法快速做出可交互的原型给老板或客户演示，依赖开发团队周期长。

Easy-Vibe 方案：

1. 学习 Stage 1 的“产品原型”章节，掌握如何用自然语言描述页面结构。

2. 打开 Cursor IDE，输入指令：“创建一个简单的内部知识库网站，有首页、文章列表页和详情页，支持搜索框。”

3. AI 生成代码后，使用 Stage 2 的部署教程，一键部署到 Zeabur 生成在线链接。

4. 价值：在几小时内（而非几周）产出一个可访问的 demo，用于早期需求验证和融资演示，极大降低试错成本。

场景二：大学生的“全栈”技能速成

痛点：计算机专业学生懂理论但缺乏实战经验，面对复杂的全栈项目（前端+后端+数据库）不知从何下手。

Easy-Vibe 方案：

1. 跟随 Stage 2 的“SaaS 全栈应用”实战项目（AI 文案生成器）。

2. 利用 AI 辅助完成前端页面布局（Tailwind CSS）、后端 API 编写（Node.js）和数据库表设计（Supabase）。

3. 在“附录知识库”中随时查阅 Git 命令、API 设计规范等基础知识。

4. 价值：在 1-2 周内完成一个包含“用户注册-付费-生成-管理”完整流程的商业级项目，极大丰富简历内容。

场景三：传统开发者的“AI 工作流”升级

痛点：传统开发者习惯手动编码，对 AI 工具（如 Claude Code、MCP）感到陌生，无法发挥其自动化潜力。

Easy-Vibe 方案：

1. 深入学习 Stage 3 的“Claude Code 核心技能”和“MCP 指南”。

2. 配置 MCP 服务器，将 GitHub、数据库等工具接入 Claude Code，实现“动口不动手”的代码生成与部署。

3. 学习“Spec Coding”（规范编码），从写代码转变为写精确的规格说明，让 AI 生成工程级代码。

4. 价值：将重复性编码工作交给 AI，自身专注于架构设计和业务逻辑，开发效率提升数倍。

总结

Easy-Vibe 不仅仅是一套教程，更是AI 时代的新编程范式宣言。它降低了编程的门槛，让创造数字产品不再是程序员的专利。无论你是想验证创意的创业者，还是希望掌握未来技能的开发者，Easy-Vibe 都能为你提供一条从“小白”到“独立创造者”的清晰路径。

GitHub 地址：https://github.com/datawhalechina/easy-vibe

在线文档：https://datawhalechina.github.io/easy-vibe/