适合初学者的学习地图 从零开始的清晰指引，让你告别“学了就忘”的困境	循序渐进的可视化教程 细致入微的讲解，仿佛拥有私人导师般的学习体验
沉浸式的模拟编程 虚拟鼠标引导帮助你快速掌握 IDE 的核心工作流程	直观的 AI 原理 动画讲解让你轻松理解 AI 如何生成图像
像玩游戏一样学习 RAG 通过交互式组件，你可以一步步点击并了解完整的 RAG 数据流	可视化的终端概念 当底层逻辑被可视化时，命令行操作便变得直观易懂

为什么选择 Easy-Vibe

想要一个记账工具？说出来就行。

需要一个支持微信登录的预约系统？说出来就行。

想做一个带评论功能的博客？说出来就行。

在 AI 时代，编程的第一步就是描述你想要的东西。

Easy-Vibe 就是教你如何将这些想法变成真正的产品。

🔥 新闻

• [2026-03-29] ✨ Vibe Stories 上线并升级，融入真实用户故事：新增首页 Vibe Stories 栏目，配备交互式轮播图和专属故事页面；同时用四位真实用户的案例替换了原有占位内容，包括一位乡村小学教师、一名大学生、一位高中信息技术老师以及一位利用 AI 打造实际产品的卡车司机。👉 查看故事
• [2026-03-26] 🚀 第二阶段实践内容重大更新：完成了 SaaS 综合项目“你的第一个 SaaS 全栈应用：文案生成网站”（链接），并大幅扩充了“如何集成 Stripe 及支付系统”章节的内容，此外还新增了多产品 UI 设计及微信小程序后端流程等关键内容。
• [2026-03-25] 📚 新增附录：用户研究与需求验证：添加了四篇新文章，涵盖创意挖掘、双钻模型、待办工作理论以及妈妈测试法，帮助初学者发现并验证产品创意。👉 阅读附录
• [2026-03-25] 📚 英文文档全面更新：第二阶段（全栈开发）和第三阶段（进阶开发）现已完整提供英文版。👉 开始学习

往期新闻

• [2026-03-02] 🦞 为 OpenClaw 和 AI 代理友好优化：新增 llms.txt 文件，使 OpenClaw、Claude、Cursor、Trae 等 AI 代理能够快速理解仓库结构，精准定位教程内容。
• [2026-03-01] 【进阶开发板块】（链接）已全面升级，新增 Claude Code 深度指南，涵盖 MCP、技能体系、代理团队等内容，并配套八款跨平台项目教程。
• [2026-02-25] 更新【附录知识库】（链接），现覆盖 9 大知识领域及 80 余项互动主题。
• [2026-01-27] 增加了 Android 和 iOS 应用开发教程。
• [2026-01-19] 发布了提示工程、AI 发展史、认证设计、Git 原理等交互式演示。
• [2026-01-16] 重新梳理了项目结构，正式确立了面向初学者的学习路径。
• [2026-01-14] 完成了第一阶段产品原型设计文档的大规模更新。
• [2026-01-13] 重构了文档架构，全面支持多语言切换。
• [2026-01-01] 发布了项目的核心学习路线图。

适合人群

• 完全新手：先动手搭建第一个项目，再深入理解其运作机制
• 产品经理/创始人：快速验证想法，低成本构建 MVP
• 学生：培养适应 AI 时代的实用技能
• 初级开发者：学习从创意到上线的全流程
• 中高级开发者：提升复杂项目中的 AI 协作能力

学习路径

🎮 我想先试一试（5 分钟体验）

适合人群：所有人
学习内容：通过贪吃蛇小游戏体验首次 AI 编程
收获：5 分钟内完成首个由 AI 构建的应用

立即开始

💡 我有一个想要实现的想法

适合人群：初学者、产品经理、创始人
学习内容：AI IDE 工具、需求拆解、页面设计、功能规划、提示词编写、原型迭代
收获：可演示的产品原型

开始学习

🚀 我想要一条结构化的学习路径

适合人群：开发者、进阶学习者
学习内容：前端、后端、数据库、AI 集成、部署、Claude Code 工作流
收获：独立完成全栈 AI 应用的能力

开始学习

🦞 我想打造一个 AI 代理

适合人群：对 AI 代理感兴趣的开发者
学习内容：OpenClaw 助手的工作流程、技能系统及自动化技术
收获：属于自己的命令行 AI 助手

学习 OpenClaw

📚 我想查阅参考资料

适合人群：所有人
学习内容：计算机基础、AI 原理及九大知识领域
收获：80+ 个互动参考主题

浏览知识库

学习建议

• 如果你是初学者、产品经理或创始人，请从【阶段 0/阶段 1】开始（链接）。
• 如果你已有开发经验，建议直接进入【阶段 2】（链接）。
• 如果你想直接挑战复杂项目，可以前往【阶段 3】（链接）。
• 如果你想学习 AI 代理，不妨查看【Hello Claw】项目（链接）。

📖 内容导航

一、初学者入门

版块	核心内容
学习地图	全面学习路径的引导性概述
在AI时代，会说话就能编程	通过贪吃蛇等示例，初步感受AI编程的魅力
寻找优秀创意	学习如何发现并验证值得构建的产品创意
AI IDE工具简介	掌握IDE的使用方法，并搭建简单的本地项目
构建你的原型	从需求分析到单页及多页产品原型的实现
为原型添加AI能力	集成文本、图像和视频等AI功能
完整项目实践	模拟真实场景，收集用户反馈，并对完整项目进行迭代优化

附录：产品与商业思维

版块	核心内容
产品思维与解决方案设计	从零到一打造产品的核心框架
AI行业应用场景（B2B）	了解AI在各行业的具体应用方式
AI消费级产品灵感（B2C）	探索消费级AI领域的潜在产品机会

附录：技术解决方案

版块	核心内容
编码出错怎么办	常见Vibe编码问题及其排查方法
七款AI编程工具对比	通过实操测试比较主流的AI编程平台
利用设计与编码智能体设计网站	实践多智能体协作的应用

二、初级与中级开发者

前端

版块	核心内容
从Lovart入手构建自己的资产生成智能体	使用Nanobanana和Lovart生成高质量视觉素材，并构建能够理解意图的绘图智能体
Figma与MasterGo入门	利用设计工具梳理信息架构和页面结构
构建你的第一个现代应用：UI设计	将设计稿转化为基于组件的界面
UI规范与多产品UI设计	在多个产品间扩展统一的视觉体系
借助LLM与Skills让界面更美观	使用提示工程和Skills插件生成独特且精致的界面
一起制作霍格沃茨的画像	从零开始创建一个集成AI能力的前端应用
从设计原型到项目代码	将设计原型转化为前端代码的三种实用路径
用现代组件库刷新你的UI	通过现代化的组件系统更快地构建更专业的界面

后端

版块	核心内容
从数据库到Supabase	使用Supabase实现数据库与API，并将其与前端对接
利用LLM编写API代码及文档	生成更易读、易测试的后端代码与文档
Git与GitHub工作流	通过Git工作流高效管理版本并协同开发
Web应用部署指南	使用CloudBase、Vercel、Zeabur等平台部署应用
CLI AI编程工具	利用终端式AI工具搭建个人工程工作流
如何集成Stripe与支付系统	添加支付流程及基础计费功能
毕业项目：构建你的第一个现代全栈应用	将前端、后端与支付功能整合，打造可上线的Web产品

AI能力附录

版块	核心内容
Dify入门与知识库集成	使用Dify工作流与基础RAG构建实用型产品

III. 高级开发者

Claude Code 核心技能

版块	关键内容
开始使用 Claude Code	安装、配置、基础知识及实用命令
Claude Code MCP 指南	通过 MCP 将 Claude Code 连接到 GitHub、数据库、API 等服务
Claude Code 技能指南	将专业知识封装成可重复使用的技能，方便多次调用
Claude Code 工作流最佳实践	重构、代码审查及日常开发的最佳实践
Claude Agent 团队指南	像真正的开发团队一样协调多个 AI 实例
Claude Code 面向工程级开发的超能力	借助 TDD 和最佳实践帮助 AI 生成符合工程标准的代码
如何让 Claude Code 为长期任务持续工作	设计长期任务，使编码工具能够持续工作直至完成

跨平台开发

版块	关键内容
构建微信小程序	理解生态体系，从模板到上线完整交付前端小程序
构建带有后端的微信小程序	添加后端逻辑和数据库，完成完整的业务闭环
构建 Android 应用	使用 Expo 及相关工具跨 Web 和原生平台开发 Android 应用
构建 iOS 应用	使用 Expo 及相关工具跨 Web 和原生平台开发 iOS 应用
构建个人网站与学术博客	为项目、个人品牌及学术成果打造线上家园
构建本地 PWA 应用	将网站转化为具备离线支持、推送通知和安装功能的真实应用
构建浏览器 AI 助手扩展程序	创建一个 Chrome 扩展程序，利用云端 API 或内置 AI 对任意页面进行摘要总结
构建 Electron 桌面应用	使用 Electron 构建适用于三个平台的语音转文本桌面应用
快速构建并铸造 NFT	从零编写智能合约、部署并铸造属于自己的 NFT
构建 VS Code 扩展程序	利用模板、代码聊天和多文件问答功能构建 AI 项目助手
构建工业级 Qt 桌面应用	创建包含趋势、报警和监控功能的实时 Qt HMI 系统

AI 能力附录

版块	关键内容
什么是 RAG 及其工作原理	建立对 RAG 原理和常见架构的系统性理解
使用 LangGraph 的中级和高级 RAG 工作流	设计多步骤工作流及更复杂的 RAG 系统

📚 附录知识库

涵盖 9 大知识领域 和 80+ 个互动主题，本附录采用动画和可视化组件，帮助您直观地理解从计算机基础到 AI 前沿的核心概念。

👉 查看完整附录

🛠️ 学习方法

• 阅读并练习与您当前水平相符的部分。如果遇到困难，欢迎随时提交问题。

💻 本地运行

现代方法

在诸如 VS Code、Cursor 或 Trae 等 AI IDE 的聊天窗口中，您只需说：

请帮我将这个项目在本地运行起来。

传统方法

1. npm install
2. npm run dev
3. 在浏览器中打开 http://localhost:3000。

🤝 贡献方式

• 如果您发现任何问题或有改进建议，欢迎提交问题。若无人回复，您也可以联系 Datawhale 支持团队。
• 如需贡献代码，请提交拉取请求。若无人回复，同样可以联系 Datawhale 支持团队。
• 若您希望发起一个新的 Datawhale 开源项目，请遵循 Datawhale 开源项目指南。

🙏 贡献者

• Sanbu - 项目负责人（Datawhale 成员）
• Fang Ke - 导师（Datawhale 成员，清华大学）
• Yerim Kang（实践项目，清华大学）
• Zhilin Zhao（实践项目，清华大学）
• Yixuan Li（视觉设计，清华大学）
• Siyi Liu（实践项目，清华大学）
• Lixin Liu（实践项目，清华大学）
• 所有在 AI Vibe Coding 101 内部测试群中分享建议和反馈的成员

特别致谢

• 感谢 @Sm1les 在本项目中的帮助与支持
• 感谢每一位贡献者以及所有通过反馈和点赞支持该项目的朋友 ❤️

📄 许可协议

星标历史

Easy-Vibe 快速上手指南

Easy-Vibe 是一个面向 AI 时代的开源学习项目，旨在通过“会说话就会做应用”的理念，帮助用户利用 AI 工具从零开始构建全栈应用。本项目主要提供结构化的教程、交互式演示和学习地图，而非单一的可安装软件包。

环境准备

由于 Easy-Vibe 是一套基于 Web 的教程体系，你不需要安装特定的运行时环境即可开始阅读和学习。但若要跟随教程进行实际开发，建议准备以下环境：

• 操作系统：Windows / macOS / Linux 均可
• 浏览器：推荐使用最新版 Chrome 或 Edge，以获得最佳的交互式教程体验
• 代码编辑器：推荐安装 Cursor、VS Code 或 Trae 等支持 AI 辅助编程的 IDE
• 基础依赖（用于后续实战）：
  • Node.js (LTS 版本)
  • Git
  • Python (部分 AI Agent 章节需要)

安装与启动步骤

Easy-Vibe 的核心内容是在线文档和交互式教程，无需通过命令行安装二进制文件。你可以选择以下方式开始：

方式一：直接在线体验（推荐）

直接访问官方部署的网站，无需任何配置即可开始学习。

1. 访问主站：打开浏览器访问 https://datawhalechina.github.io/easy-vibe/welcome.html
2. 选择语言：页面自动识别或手动切换至“简体中文”。
3. 开始学习：点击“开始体验”或根据下方的学习路径选择对应阶段。

方式二：本地克隆（适合离线阅读或贡献）

如果你希望本地浏览源码或在本地部署文档站点：

# 1. 克隆仓库
git clone https://github.com/datawhalechina/easy-vibe.git

# 2. 进入目录
cd easy-vibe

# 3. (可选) 如果需要在本地运行文档站点，通常需要使用 VitePress 或类似工具
# 具体启动命令请参考仓库内的 package.json 或 docs 文件夹说明
# npm install
# npm run dev

基本使用指南

Easy-Vibe 采用分阶段的学习模式，请根据你的背景选择适合的入口：

1. 零基础/产品人员：5 分钟极速体验

适合想要快速感受"AI 编程”的用户。

• 目标：通过对话生成一个简单的贪吃蛇游戏。
• 操作：
  1. 进入 Stage 1: 入门篇。
  2. 跟随“交互式教程”，在模拟 IDE 环境中输入自然语言指令（例如：“创建一个贪吃蛇游戏”）。
  3. 观察 AI 如何生成代码并运行应用。

2. 开发者：全栈实战路径

适合希望系统掌握 AI 全栈开发流程的程序员。

• 目标：独立完成一个包含前端、后端、数据库及支付功能的全栈应用（如文案生成网站）。
• 操作：
  1. 进入 Stage 2: 全栈开发篇。
  2. 按照模块学习：需求拆解 -> 原型设计 -> 前端实现 -> 后端集成 (Stripe/微信登录) -> 部署上线。
  3. 结合本地 IDE (如 Cursor) 和教程中的 Prompt 技巧进行实操。

3. 进阶玩家：AI Agent 与自动化

适合对智能体开发感兴趣的高级用户。

• 目标：构建自定义的命令行 AI 助手。
• 操作：
  1. 访问 Hello Claw (OpenClaw) 项目。
  2. 学习 Skills 系统和 Agent 团队协作模式。
  3. 参考 Stage 3: 进阶开发篇 中的 Claude Code 深度指南。

4. 查阅知识库

遇到概念不清时，可随时访问 附录知识库，涵盖计算机基础、AI 原理、RAG 流程等 80+ 个交互式主题。