直接上手一起感受编程氛围会说话就会做应用。 开始探索 · ✨ 交互式教程 · 学习 OpenClaw 开始体验 · ✨ 交互式教程 · 学习 OpenClaw在线阅读 · 学习地图初学者友好的学习地图从零开始提供清晰指引让你告别“学了就忘”。逐步可视化教程详细的操作指南就像有私人导师指导一样。沉浸式模拟编码虚拟鼠标引导助你快速掌握核心 IDE 工作流程。可视化 AI 原理动画演示让你轻松了解 AI 如何生成图像。像玩游戏一样学习 RAG交互式组件让你点击了解完整的 RAG 数据流。可视化终端概念将底层逻辑可视化让命令行操作变得直观易懂。⭐ 给这个仓库点个星助力加速更新❤️ 你有自己的编程故事吗在这里分享激励他人为什么选择 Easy - Vibe想要一个费用追踪器说出来就行。需要一个支持微信登录的预订系统说出来就行。想要一个带评论功能的博客说出来就行。在 AI 时代编程从描述你的需求开始。Easy - Vibe 教你如何将需求转化为实际产品。最新消息- [2026 - 03 - 29] ✨ “Vibe 故事”上线并升级融入真实用户历程新增了带有交互式轮播和专属故事页面的“Vibe 故事”主页板块用四位真实用户的故事替换了占位内容这些用户包括一位农村小学教师、一名大学生、一位高中 IT 教师和一位用 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 协作工作流程。学习路径- ** 我想快速获得首次成功**- **适合人群**所有人- **学习内容**通过简单具体的实践示例感受 AI 编码的实际体验。- **学习收获**对氛围编程有清晰的初步印象了解如何通过对话与 AI 协作。[点击开始](链接待补充)- ** 我想将想法转化为产品原型**- **适合人群**初学者/产品经理/创始人- **学习内容**学习路线图、AI IDE 工具、创意验证、原型制作、AI 能力集成和完整演示迭代。- **学习收获**获得一个可向用户或队友展示的 AI 产品原型。[开始学习](链接待补充)- ** 我想端到端构建全栈产品**- **适合人群**初级开发者/独立开发者/高级学习者- **学习内容**前端工作流、设计转代码、数据库、后端 API、部署、计费和大型项目。- **学习收获**具备独立发布现代 AI 网络应用的能力。[开始学习](链接待补充)- **AI 原生我想学习高级 Claude Code 和代理工作流**- **适合人群**对 AI 原生工程感兴趣的开发者- **学习内容**Claude Code、MCP、技能、代理团队、长期任务、规范编码和跨平台应用交付。- **学习收获**掌握复杂 AI 辅助开发和自动化的强大工作流。[进入高级开发](链接待补充)- ** 我想要参考资料和基础知识**- **适合人群**所有人- **学习内容**计算机基础、前后端基础知识、基础设施、AI 原理和工程实践。- **学习收获**获得涵盖 9 个主要知识领域的长期参考知识库。[浏览知识库](链接待补充)学习建议- 如果你是初学者、产品经理或创始人从第一阶段开始学习。- 如果你想从原型过渡到全栈交付从第二阶段开始学习。- 如果你想学习高级 Claude Code 工作流或跨平台项目进入第三阶段学习。- 如果你被概念或背景知识所困扰可以使用附录知识库。内容导航一、初学者入门部分- **关键内容**- **学习地图**全面学习之旅的引导概述。- **AI 时代会说话就会编程**通过“贪吃蛇大师”等示例初次感受 AI 编码。- **AI 编程工具**了解 AI IDE 工具的工作原理使用它们构建简单的本地项目。- **寻找好创意**学习发现并验证值得开发的产品创意。- **构建产品原型**从需求出发构建单页和多页产品原型。- **集成 AI 能力**集成文本、图像和视频 AI 功能。- **完整项目实践**模拟真实场景收集用户反馈对完整项目进行迭代。- **附录产品与商业思维部分**- **关键内容**- **产品思维与解决方案设计**产品从 0 到 1 的核心框架。- **AI 行业应用场景B 端**了解 AI 在各行业的应用方式。- **AI 消费场景灵感C 端**探索消费级 AI 的产品机会。- **附录用户研究与需求验证部分**- **关键内容**- **创意来源**为初学者提供 3 个最有效的参考来源建立寻找具体产品机会的可靠渠道。- **双钻石模型**先做正确的事再把事做正确用结构化流程将零散灵感转化为可行方向。- **待办任务理论**通过实际任务分析用户目标而非表面的功能需求。- **妈妈测试法**一种用于验证需求的用户访谈方法学习如何提出更好的问题避免误判反馈。- **附录技术解决方案部分**- **关键内容**- **遇到错误怎么办**常见的氛围编程问题及解决方法。- **七种 AI 编程工具比较**通过实际测试比较主要的 AI 编码平台。- **使用代理设计网站**在实践中学习多代理协作。二、初、中级开发者- **前端部分**- **关键内容**- **前端 0使用 Lovart 构建自己的资产生产代理**使用 Nanobanana 和 Lovart 批量生成视觉资产构建具有意图识别功能的绘图代理。- **前端 1Figma 与 MasterGo 基础**学习从设计草图到可实现的 UI 设计思路的工作流程。- **前端 2构建你的第一个现代应用 - UI 设计**学习现代应用界面背后的 UI 设计基础。- **前端 3UI 指南与多产品设计**使用共享 UI 规则提高多产品的一致性和美观性。- **前端 4使用大语言模型和技能让界面更美观**使用提示和插件让 AI 生成更精致、独特的界面。- **前端 4从零开始构建霍格沃茨画像**构建一个交互式 AI 图像前端项目。- **前端 6从设计原型到项目代码**将设计原型转化为可在浏览器中运行的前端代码。- **前端 7使用现代组件库升级你的 UI**使用组件库更快地构建专业界面。- **后端部分**- **关键内容**- **后端 1学习 Git 和 GitHub**掌握 Git 的核心版本控制操作和协作工作流程。- **后端 2从数据库到 Supabase**学习关系型数据库基础知识使用 Supabase 作为现代后端即服务BaaS平台。- **后端 3后端 API 设计与开发**使用 AI 辅助 API 设计、后端代码生成和 API 文档编写。- **后端 4快速发布你的产品原型**使用 Zeabur 快速将全栈应用部署到云端。- **后端 5从 IDE 到 CLI AI 编码工具**探索以终端为主的现代开发 AI 编码工作流。- **后端 6集成 Stripe 和其他计费系统**添加支付和计费功能实现盈利。- **大型项目部分**- **关键内容**- **大型项目 1你的第一个 SaaS 全栈应用 - AI 文案网站**构建一个具有登录、生成、计费和管理功能的 AI 营销文案工作区。- **大型项目 2在线考试与管理系统**构建一个具有题目生成、考试流程和管理工具的在线考试系统。- **AI 能力附录部分**- **关键内容**- **AI 1Dify 基础与知识库集成**学习使用 Dify 构建 AI 应用并集成私有知识库。三、高级开发者- **Claude Code 核心技能部分**- **关键内容**- **Claude Code 入门**安装、设置、基础知识和实用命令。- **Claude Code MCP 指南**通过 MCP 将 Claude Code 连接到 GitHub、数据库、API 等服务。- **Claude Code 技能指南**将专业知识打包成可重复使用的技能。- **如何让 Claude Code 处理长期任务**设计长期任务让编码工具持续工作直到任务完成。- **Claude 代理团队指南**像真正的开发团队一样协调多个 AI 实例。- **Claude Code 在工程级开发中的超能力**借助测试驱动开发TDD和最佳实践让 AI 生成工程级代码。- **Claude Code 工作流最佳实践**重构、代码审查和日常开发的最佳实践。- **Claude Code 移动远程开发**在移动设备上超越桌面使用 Claude Code建立高效的远程工作流。- **Claude 代理 SDK 完整指南**使用 SDK 构建自定义代理工作流将 Claude 集成到自己的工具中。- **从氛围编程到规范编码**从临时提示过渡到更结构化、规范驱动的 AI 开发工作流。- **跨平台开发部分**- **关键内容**- **如何为你的应用选择合适的平台**比较应用形式根据用户、场景和交付目标选择合适的平台。- **构建微信小程序**了解生态系统从模板到上线发布前端小程序。- **构建带后端的微信小程序**添加后端逻辑和数据库完成完整业务循环。- **构建 Android 应用**使用现代原生工作流学习 Android 应用开发。- **构建 iOS 应用**学习 iOS 应用开发和苹果生态系统的规范。- **构建本地 PWA 应用**将网站转化为支持离线、推送和安装的真实应用。- **构建浏览器 AI 助手扩展**创建一个使用云 API 或内置 AI 总结任何页面的 Chrome 扩展。- **构建 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 聊天窗口中只需说“请帮我在本地运行这个项目。”- **传统方法**执行 npm install 和 npm run dev然后在浏览器中打开 http://localhost:3000。贡献如果你发现问题或有改进建议随时提交问题。如果无人回复也可联系 Datawhale 支持团队。如果你想贡献代码提交拉取请求。如果无人回复同样可联系 Datawhale 支持团队。如果你想启动一个新的 Datawhale 开源项目请遵循 Datawhale 开源项目指南。贡献者- Sanbu - 项目负责人Datawhale 成员- 方科 - 导师Datawhale 成员清华大学- Yerim Kang实践项目清华大学- 赵志霖实践项目清华大学- 李奕萱视觉设计清华大学- 刘思怡实践项目清华大学- 刘立鑫实践项目清华大学- AI Vibe Coding 101 内部测试组的所有成员感谢他们分享的建议和反馈特别感谢感谢 Sm1les 对本项目的帮助和支持。感谢每一位贡献者以及所有通过反馈和点赞支持项目的人。❤️许可本作品采用知识共享署名 - 非商业性使用 - 相同方式共享 4.0 国际许可协议进行许可。星标历史此处可补充星标历史相关内容