github.com/datawhalechina/easy-vibe @v0.3.0 sqlite

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

Jump right in and vibe together — if you can talk, you can build apps.

🚀 开始体验 · ✨ 交互式教程 · 🦞 还想学 OpenClaw

Start Experience · Interactive Tutorial · Learn OpenClaw

在线阅读 · 学习地图 · 社区交流

Read Online · Learning Map · Community

<a href="https://github.com/datawhalechina/easy-vibe/stargazers" target="_blank">
    <img src="https://img.shields.io/github/stars/datawhalechina/easy-vibe?color=660874&style=for-the-badge&logo=star&logoColor=white&labelColor=1a1a2e" alt="Stars"></a>
<a href="https://github.com/datawhalechina/easy-vibe/network/members" target="_blank">
    <img src="https://img.shields.io/github/forks/datawhalechina/easy-vibe?color=660874&style=for-the-badge&logo=git-fork&logoColor=white&labelColor=1a1a2e" alt="Forks"></a>
<a href="https://github.com/datawhalechina/easy-vibe/raw/v0.3.0/LICENSE" target="_blank">
    <img src="https://img.shields.io/badge/License-CC_BY_NC_SA_4.0-4ecdc4?style=for-the-badge&logo=creative-commons&logoColor=white&labelColor=1a1a2e" alt="License"></a>

新手专属学习地图 零基础专属指引，清晰规划路径，告别“学了忘”	手把手图文教程 保姆级图文详解，如同私教在旁，跟着做就能学会
沉浸式模拟编程 虚拟鼠标自动导览，带你快速上手 IDE 核心用法	看得见的 AI 原理 算法原理动画化，一眼看懂 AI 如何“画”出图片
像玩游戏一样学 RAG 独家交互组件，点击即可看清 RAG 数据流向	可视化终端原理 命令行操作可视化，直观展示后台逻辑与原理

⭐ 欢迎 点击此处Star 加速更新 ❤️

为什么需要 Easy-Vibe

想象一下： - 你想做个记账小程序，不用学代码，只要说"我想做个能记录收支的小程序" - 你想给店铺做个预约系统，只要说"我需要一个支持微信登录的预约平台" - 你想做个个人博客，只要说"我想有个能写文章、带评论功能的博客"

这些以前需要花几个月学编程才能实现的想法，现在只要几分钟就能完成。

这不是科幻，这就是 AI 时代的编程方式——Easy-Vibe。

适合谁

• 零基础爱好者：不会编程也能做出产品
• 产品经理：快速验证你的产品想法
• 创业者：低成本打造 MVP
• 学生：快速掌握 AI 时代的新技能
• 开发者：提升效率，从重复劳动中解放出来

你的学习路径

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

适合人群：所有人 学习内容：AI 编程初体验、贪吃蛇小游戏 产出：5 分钟做出你的第一个 AI 应用

开始体验

💡 我有个想法要实现

适合人群：零基础/产品经理/创业者 学习内容：AI IDE 工具、需求拆解、产品原型设计 产出：完整的可演示产品原型

开始学习

🚀 我想系统学习

适合人群：开发者/进阶学习者 学习内容：全栈开发、数据库、AI 集成、部署运维 产出：可上线的全栈 AI 应用

开始学习

🦞 我想构建 AI Agent

适合人群：对 AI Agent 感兴趣的开发者 学习内容：从零构建 OpenClaw AI 助理、Skills 系统、自动化工作流 产出：属于你的智能命令行 AI 助理

开始学习

📚 我想查资料

适合人群：所有人 学习内容：计算机基础、AI 原理、9 大知识领域 产出：80+ 交互式专题

查看知识库

学习建议

• 零基础/产品经理从 第一阶段 开始
• 开发者从 第二阶段 开始
• 进阶开发者可直接进入 第三阶段
• 对 AI Agent 感兴趣？学习 Hello Claw 构建你的 AI 龙虾助理 🦞

🔥 News

• [2026-03-25] 📚 新增附录「用户研究与需求验证」：包含 4 篇文章——从哪里找点子、双钻模型、Jobs to Be Done、The Mom Test 用户访谈法，帮助新手学会发现和验证产品想法。
• [2026-03-25] 📚 英文文档全面更新：第二阶段（全栈开发）和第三阶段（高级开发）现已提供完整英文翻译。
• [2026-03-02] 🦞 OpenClaw & AI Agent 友好支持：新增 llms.txt AI 导航文件，让 OpenClaw、Claude、Cursor、Trae 等 AI Agent 能够快速理解本仓库结构，精准定位教程内容。希望每个🦞都学得愉快！
• [2026-03-01] 高级开发部分全面升级：新增 Claude Code 七大深度指南（MCP、Skills、Agent Teams 等）及八大跨平台开发实战（PWA、Electron、NFT、VS Code 插件、Qt 工业应用等）。
• [2026-02-25] 更新附录知识库，涵盖 9 大知识领域、80+ 交互式专题。
• [2026-01-27] 新增 Android 和 iOS 平台应用开发教程。
• [2026-01-19] 发布 Prompt Engineering、AI 演进史、鉴权设计、Git 原理等一系列交互式演示组件，大幅提升可视化学习体验。

Past News

• [2026-01-16] 重构项目结构，正式确立“新手入门”章节，降低上手门槛。
• [2026-01-14] 完成第一阶段“产品原型构建”文档的大规模更新。
• [2026-01-13] 完成文档架构重构，全面支持多语言 (i18n)。
• [2026-01-01] 发布项目核心学习地图 (Learning Map)，明确学习路径。

📖 内容导航

一、零基础入门

章节	关键内容
学习地图	整体学习路径导览
AI 时代，会说话就会编程	通过贪吃蛇等案例初步感受 AI 编程的能力
寻找好想法	学会寻找和验证产品想法，找到值得做的项目
认识 AI IDE 工具	学会使用 IDE，在本地制作小游戏
动手做出原型	从需求分析、AI 生成单页面，再到生成多页面产品原型
给原型加上 AI 能力	学会接入常见 AI 能力（文本、图片、视频）
完整项目实战	模拟真实场景、接受用户反馈迭代，完整化项目

附录：业务思维

章节	关键内容
产品思维与方案设计	从零到一做产品需要考虑的思维框架
AI 行业应用场景参考 (B端)	了解 AI 在不同产业的应用场景
AI 消费场景灵感参考 (C端)	探索 AI 在消费级产品中的应用场景

附录：技术方案

章节	关键内容
写代码时遇到错误怎么办	vibe coding 中的常见错误及排查方法
七款 AI 编程工具对比	对比测试主流 AI 编程平台
用设计和编程 Agent 设计网站	学习如何使用 AI 智能体协同工作

二、初中级开发工程师

前端部分

章节	关键内容
从Lovart出发，搭建自己的素材生产Agent	从零开始，利用Nanobanana和Lovart批量生成高质量的设计素材，并动手构建一个能意图识别的绘图Agent
Figma 与 MasterGo 入门	用设计工具梳理信息架构和页面结构，为前端实现打基础
构建第一个现代应用程序-UI 设计	基于设计稿完成组件化界面，实现从设计到代码的第一条链路
参考 UI 设计规范与多产品 UI 设计	围绕统一主视觉扩展多产品界面，练习系统化设计能力
用 LLM 和 Skills 让界面变好看	用提示词和 Skills 插件让 AI 生成美观独特的界面
一起做霍格沃茨画像	从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发
从设计原型到项目代码	三种路径将设计工具中的原型转化为前端代码
使用现代组件库更新你的界面	用组件库快速构建专业级界面，统一风格、提升开发效率

后端开发部分

章节	关键内容
从数据库到 Supabase	在 Supabase 上落地数据库和 API，打通数据模型与前端页面
大模型辅助编写接口代码与接口文档	用大模型协助生成接口与数据库文档及代码，实现可读可测的后端
Git 和 GitHub 工作流	在 Git 工作流中管理代码，进行版本控制和协作
如何部署 Web 应用	使用 CloudBase、Vercel、Zeabur 等平台部署应用上线
CLI AI 编程工具	使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流
如何集成 Stripe 等收费系统	接入支付系统，完成收费链路与基础结算流程
大作业：构建第一个现代应用程序-全栈应用	综合前端、后端与支付模块，完成可上线的全栈 Web 应用

AI 能力附录

| 章节 | 关键内容 | | :------------------------------------------------------------------------