Easy-Vibe 全解析从零到产品工程师的 AI 编程学习路径指南【免费下载链接】easy-vibe从 0 到 1 学会 vibe coding项目制学习项目地址: https://gitcode.com/datawhalechina/easy-vibeEasy-Vibe 是 Datawhale 社区推出的开源 AI 编程实战课件核心理念是从描述你想要什么开始把想法一步步做成真正的产品。本文基于仓库中的中文项目导读文档 docs-readme/zh-CN/README.md完整梳理其31 阶段课程体系、五条学习路径、三阶段内容导航与本地启动方式并结合 llms.txt、package.json、docs/DEPLOYMENT.md 等仓库证据为你提供一张可直接照着执行的学习路线图。读完本文你将能根据自己的背景零基础、产品经理、初中级开发者、高级开发者快速定位合适的起点并掌握在本地运行整套课件的方法。为什么需要 Easy-Vibe想做一个记账小程序说出来。想要一个支持微信登录的预约系统说出来。想做一个带评论功能的博客说出来。在 AI 时代编程先从描述你想要什么开始。Easy-Vibe 教你的就是怎样把它一步步做成真正的产品。传统软件开发的入门门槛很高需要先学习编程语言、开发工具和大量技术知识才能把一个想法变成可以运行的程序。大语言模型与 AI 编程工具改变了这一点——人可以直接用自然语言描述意图让 AI 帮助生成代码、搭建界面、修改功能。但正如 学习地图 中强调的Vibe Coding 是起点不是终点。Coding只关心我能不能把它做出来而Build Product还要追问它值不值得做、谁会使用、怎样交付、怎样知道它真的有效。Easy-Vibe 的目标是帮助你成为一名初步的产品工程师Product Engineer能够发现问题、验证需求、亲手构建产品、交付真实用户并根据结果迭代。项目的整体组织方式可以直观地从 docs/zh-cn/index.md 首页与 llms.txt 的高层级架构一节看到整套课程采用31 阶段的渐进式路径——Stage 1stage-0/ stage-1/新手入门与产品原型 ├── 目标建立编程思维掌握 AI IDE快速构建产品原型 └── 产出互动小游戏、完整的产品原型 Stage 2stage-2/初中级开发 ├── 目标全栈开发能力数据库、部署、支付 └── 产出可上线的全栈 AI 应用 Stage 3stage-3/高级开发 ├── 目标跨平台开发AI 进阶Claude Code 深度使用 └── 产出生产级多平台应用 附录appendix/知识体系 ├── 目标计算机基础到工程素养的完整知识库 └── 内容9 大领域80 交互式专题它适合谁Easy-Vibe 面向不同背景的学习者设计了差异化入口人群学习目标零基础爱好者先做出第一个作品再理解怎么做产品经理 / 创业者快速验证想法低成本做 MVP学生建立 AI 时代的实战技能初级开发者补齐从想法到上线的完整开发链路中高级开发者掌握 AI 协作开发、复杂项目实战与效率升级五条学习路径按目标选择起点导读文档给出了五条按需出发的路径对应不同的目标人群与产出物路径适合人群学什么你会得到5 分钟快速体验所有人AI 编程初体验、贪吃蛇小游戏5 分钟做出第一个 AI 应用见 AI 能力体验把一个想法做成原型零基础 / 产品经理 / 创业者AI IDE 工具、需求拆解、页面设计、功能规划、提示词写法、原型迭代一个可演示的产品原型见 学习地图系统学习全栈开发者 / 进阶学习者前端、后端、数据库、AI 集成、部署运维、Claude Code 开发技巧独立完成一个可上线的全栈 AI 应用见 Stage 2构建 AI Agent对 AI Agent 感兴趣的开发者OpenClaw AI 助理、Skills 系统、自动化工作流一个属于你的命令行 AI 助理查阅资料所有人计算机基础、AI 原理、9 大知识领域80 交互式专题资料见 附录知识库内容导航三阶段主线 附录知识库学习地图的完整视图如下它概括了从想法验证到全栈交付、再到高级 AI 编程的演进关系一、零基础入门Stage 1新手入门与产品原型章节关键内容学习地图整体学习路径导览AI 时代会说话就会编程通过贪吃蛇等案例初步感受 AI 编程的能力寻找好想法学会寻找和验证产品想法找到值得做的项目认识 AI IDE 工具学会使用 IDE在本地制作小游戏动手做出原型从需求分析、AI 生成单页面再到生成多页面产品原型给原型加上 AI 能力学会接入常见 AI 能力文本、图片、视频完整项目实战模拟真实场景、接受用户反馈迭代完整化项目附录业务思维章节关键内容产品思维与方案设计从零到一做产品需要考虑的思维框架AI 应用场景参考B 端与 C 端B 端产业应用与 C 端消费场景参考附录用户研究与需求验证章节关键内容从哪里找点子从参考应用、趋势与 VC 清单中收敛细分方向双钻模型先定义问题再展开方案设计的完整节奏Jobs to Be Done用 JTBD 方法看清用户真正想完成的事The Mom Test 用户访谈法通过用户访谈验证需求的调研方法附录技术方案章节关键内容写代码时遇到错误怎么办vibe coding 中的常见错误及排查方法七款 AI 编程工具对比对比测试主流 AI 编程平台用设计和编程 Agent 设计网站学习如何使用 AI 智能体协同工作二、初中级开发工程师Stage 2全栈开发Stage 2 的目标是从原型走向可上线的全栈 AI 应用分为前端、后端、大作业与 AI 能力四部分详见 Stage 2 首页。前端部分章节关键内容从 Lovart 出发搭建自己的素材生产 Agent用 Nanobanana 和 Lovart 批量生成设计素材构建能意图识别的绘图 AgentFigma 与 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 等收费系统接入支付系统完成收费链路与基础结算流程大作业实战交付物项目你会重点练到什么最终交付物大作业 1第一个 SaaS 全栈应用——文案生成网站SaaS 页面结构、用户登录、AI 生成、Stripe 支付、后台管理一个可注册、可生成、可付费、可管理的 SaaS 雏形大作业 2在线考试与管理系统角色权限、题库建模、考试流程、提交记录、批改与统计一个有学生端和管理端的考试平台无论选择哪个大作业建议至少准备三个交付物一个可运行的项目仓库、一个可访问的演示链接、一份 README 和一段演示视频。AI 能力附录章节关键内容Dify 入门与知识库集成用 Dify Workflow 与基础 RAG 搭建工具类产品为后续应用升级打样三、高级开发工程师Stage 3跨平台与 AI 进阶Claude Code 核心技能章节关键内容Claude Code 快速上手安装配置、基础操作、实用技巧和常用指令Claude Code MCP 完全指南通过 MCP 让 Claude Code 连接 GitHub、数据库、API 等外部服务Claude Code Skills 完全指南将专业知识打包成可复用技能包一次配置反复使用Claude Code 工作流最佳实践日常开发、代码重构、Code Review 等场景的最佳实践Claude Agent Teams 完全指南多 AI 实例协同工作像真正的开发团队一样并行协作Claude Code Superpowers 工程级开发让 AI 写出工程级代码遵循 TDD 和最佳实践如何让 Claude Code 长时间工作设计长时间运行的任务让 Coding Tools 持续工作直到完成多平台开发章节关键内容如何构建微信小程序了解微信小程序生态从官方模板到上线完成一个前端小程序如何构建微信小程序 - 包含后端在小程序中接入数据库与后端逻辑打通完整业务闭环如何构建安卓程序使用 Expo 等工具完成 Web/原生一体化的安卓应用开发如何构建 iOS 程序使用 Expo 等工具完成 Web/原生一体化的 iOS 应用开发如何开发 PWA 本地应用让网页变成真正的 App支持离线、推送、桌面安装如何开发浏览器 AI 助手插件开发 Chrome 插件一键总结任意网页支持云端 API 和内置 AI如何开发 Electron 桌面程序用 Electron 构建语音转文字桌面应用支持三平台安装运行如何快速开发并铸造 NFT从零编写智能合约部署到以太坊测试网铸造自己的 NFT如何开发 VS Code 插件开发 AI 项目助手插件支持模板生成、代码对话、多文件问答如何开发工业级 Qt 桌面应用用 Qt 构建工业级水泵监控 HMI 系统实时数据、趋势图、报警AI 能力附录章节关键内容什么是 RAG 以及它如何工作系统理解 RAG 原理与常见架构为复杂应用提供知识检索基础中高级 RAG 与工作流编排以 LangGraph 为例使用 LangGraph 等工具设计多步工作流与中高级 RAG 系统附录知识库涵盖9 大知识领域、80 交互式专题以动画和可视化组件帮助你直观理解从计算机底层到 AI 前沿的核心概念包括计算机基础、开发工具、浏览器与前端、服务器与后端、数据、架构与系统设计、基础设施与运维、人工智能、工程素养入口见 附录首页。其中调试的艺术还包含独立的子章节 调试的艺术。项目底层结构与多语言支持从仓库结构看教程正文按语言分目录组织在 docs/ 下共支持10 种语言zh-cn、en、zh-tw、ja-jp、ko-kr、es-es、fr-fr、de-de、ar-sa、vi-vn并配套 docs-readme/ 下各语言的独立 README。各语言共享一套 VitePress 主题与交互组件。仓库还专门维护了一份 llms.txt AI 导航文件用于让 OpenClaw、Claude、Cursor、Trae 等 AI Agent 快速理解仓库结构、精准定位教程内容。该文件内置了快速决策树问怎么开始 / 零基础 / 入门 → Stage 1stage-0/ 和 stage-1/问数据库 / 部署 / 全栈 → Stage 2问MCP / 小程序 / 跨平台 / Claude Code 进阶 → Stage 3问计算机基础 / 原理 → 附录项目演进值得关注的能力更新导读文档的 News 栏目记录了项目的持续演进以下为与学习路线直接相关的关键节点Stage 1 重构与润色2026-08入门路径改为从真实问题出发依次完成找问题、选方向、理解需求、用户访谈、收敛方案、制作原型、接入 AI 和完成作品更适合零基础学习者与第一次尝试做产品的人。多语言全覆盖2026-05Stage 1 已在全部 10 种语言下完整可用并通过导航/构建校验确保不出现 404。用户故事专区2026-03新增交互式故事轮播与独立故事页面收录乡村小学老师、大学生、高中信息技术老师、货车司机等 4 篇真实案例见 docs/zh-cn/vibe-stories/。Stage 2 实战内容集中更新2026-03补充完整 SaaS 全栈大作业《文案生成网站》与《如何集成 Stripe 等收费系统》。附录扩充2026-03新增用户研究与需求验证4 篇文章找点子、双钻模型、Jobs to Be Done、Mom Test。AI Agent 友好支持2026-03新增 llms.txt 导航文件。Stage 3 升级2026-03新增 Claude Code 七大深度指南MCP、Skills、Agent Teams 等及八大跨平台开发实战PWA、Electron、NFT、VS Code 插件、Qt 工业应用等。交互式演示组件2026-01发布 Prompt Engineering、AI 演进史、鉴权设计、Git 原理等可视化演示组件以及 Android、iOS 平台开发教程。如何学习根据个人能力选择性地阅读和实践相关章节即可如果在学习中遇到问题可以在仓库提交 issue 提问。本地启动本课件现代方案在 AI IDEVS Code、Cursor、Trae 等的对话框输入下列提示词让 AI 帮你启动本地服务请你帮我运行这个项目的本地服务传统方案手动执行三条命令即可npm install npm run dev然后在浏览器访问http://localhost:3000查看。从 package.json 的 scripts 配置可以看到dev脚本实际执行的是vitepress dev docs即用 VitePress 启动文档站点仓库要求 Node.js 版本不低于 18engines: { node: 18.0.0 }。除了本地开发仓库还提供了完整的生产构建链路npm run build调用 scripts/build-locales.mjs 进行多 locale 并行构建npm run sitemap/build调用 scripts/generate-sitemap.mjs 生成sitemap.xml与robots.txtnpm run book:pdf/book:epub将课件输出为 PDF / EPUB 电子书。部署到线上部署说明 记录了两种主流部署方式的核心差异——base路径Vercelbase 为/部署到https://your-project.vercel.appGitHub Pagesbase 为/easy-vibe/部署到https://datawhalechina.github.io/easy-vibe。部署配置会根据环境变量自动选择在 VitePress 配置 中当process.env.VERCEL 1时使用/否则使用/easy-vibe/。若线上出现 404优先排查环境变量VERCEL是否等于1以及构建时base是否与托管平台匹配。参与贡献与许可Easy-Vibe 欢迎以 Issue 反馈问题、以 Pull Request 参与贡献。项目采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议CC BY-NC-SA 4.0进行许可这一点在 package.json 的license字段CC-BY-NC-SA-4.0中亦有对应声明。总结Easy-Vibe 不是一本只讲概念的教程而是一条从想法到真实产品的完整训练链路Stage 1 帮你跨过做出来的门槛Stage 2 让你具备交付可上线全栈应用的能力Stage 3 带你进入跨平台与 AI 原生工作流的高级阶段附录则随时补充你欠缺的底层知识。无论你是零基础爱好者、产品经理还是开发者都可以按本文给出的五条路径之一找到属于自己的起点然后在本地用一条提示词或三条命令把整套课件跑起来即刻开始你的 vibe coding 之旅。【免费下载链接】easy-vibe从 0 到 1 学会 vibe coding项目制学习项目地址: https://gitcode.com/datawhalechina/easy-vibe创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Easy-Vibe 全解析：从零到产品工程师的 AI 编程学习路径指南
Easy-Vibe 全解析从零到产品工程师的 AI 编程学习路径指南【免费下载链接】easy-vibe从 0 到 1 学会 vibe coding项目制学习项目地址: https://gitcode.com/datawhalechina/easy-vibeEasy-Vibe 是 Datawhale 社区推出的开源 AI 编程实战课件核心理念是从描述你想要什么开始把想法一步步做成真正的产品。本文基于仓库中的中文项目导读文档 docs-readme/zh-CN/README.md完整梳理其31 阶段课程体系、五条学习路径、三阶段内容导航与本地启动方式并结合 llms.txt、package.json、docs/DEPLOYMENT.md 等仓库证据为你提供一张可直接照着执行的学习路线图。读完本文你将能根据自己的背景零基础、产品经理、初中级开发者、高级开发者快速定位合适的起点并掌握在本地运行整套课件的方法。为什么需要 Easy-Vibe想做一个记账小程序说出来。想要一个支持微信登录的预约系统说出来。想做一个带评论功能的博客说出来。在 AI 时代编程先从描述你想要什么开始。Easy-Vibe 教你的就是怎样把它一步步做成真正的产品。传统软件开发的入门门槛很高需要先学习编程语言、开发工具和大量技术知识才能把一个想法变成可以运行的程序。大语言模型与 AI 编程工具改变了这一点——人可以直接用自然语言描述意图让 AI 帮助生成代码、搭建界面、修改功能。但正如 学习地图 中强调的Vibe Coding 是起点不是终点。Coding只关心我能不能把它做出来而Build Product还要追问它值不值得做、谁会使用、怎样交付、怎样知道它真的有效。Easy-Vibe 的目标是帮助你成为一名初步的产品工程师Product Engineer能够发现问题、验证需求、亲手构建产品、交付真实用户并根据结果迭代。项目的整体组织方式可以直观地从 docs/zh-cn/index.md 首页与 llms.txt 的高层级架构一节看到整套课程采用31 阶段的渐进式路径——Stage 1stage-0/ stage-1/新手入门与产品原型 ├── 目标建立编程思维掌握 AI IDE快速构建产品原型 └── 产出互动小游戏、完整的产品原型 Stage 2stage-2/初中级开发 ├── 目标全栈开发能力数据库、部署、支付 └── 产出可上线的全栈 AI 应用 Stage 3stage-3/高级开发 ├── 目标跨平台开发AI 进阶Claude Code 深度使用 └── 产出生产级多平台应用 附录appendix/知识体系 ├── 目标计算机基础到工程素养的完整知识库 └── 内容9 大领域80 交互式专题它适合谁Easy-Vibe 面向不同背景的学习者设计了差异化入口人群学习目标零基础爱好者先做出第一个作品再理解怎么做产品经理 / 创业者快速验证想法低成本做 MVP学生建立 AI 时代的实战技能初级开发者补齐从想法到上线的完整开发链路中高级开发者掌握 AI 协作开发、复杂项目实战与效率升级五条学习路径按目标选择起点导读文档给出了五条按需出发的路径对应不同的目标人群与产出物路径适合人群学什么你会得到5 分钟快速体验所有人AI 编程初体验、贪吃蛇小游戏5 分钟做出第一个 AI 应用见 AI 能力体验把一个想法做成原型零基础 / 产品经理 / 创业者AI IDE 工具、需求拆解、页面设计、功能规划、提示词写法、原型迭代一个可演示的产品原型见 学习地图系统学习全栈开发者 / 进阶学习者前端、后端、数据库、AI 集成、部署运维、Claude Code 开发技巧独立完成一个可上线的全栈 AI 应用见 Stage 2构建 AI Agent对 AI Agent 感兴趣的开发者OpenClaw AI 助理、Skills 系统、自动化工作流一个属于你的命令行 AI 助理查阅资料所有人计算机基础、AI 原理、9 大知识领域80 交互式专题资料见 附录知识库内容导航三阶段主线 附录知识库学习地图的完整视图如下它概括了从想法验证到全栈交付、再到高级 AI 编程的演进关系一、零基础入门Stage 1新手入门与产品原型章节关键内容学习地图整体学习路径导览AI 时代会说话就会编程通过贪吃蛇等案例初步感受 AI 编程的能力寻找好想法学会寻找和验证产品想法找到值得做的项目认识 AI IDE 工具学会使用 IDE在本地制作小游戏动手做出原型从需求分析、AI 生成单页面再到生成多页面产品原型给原型加上 AI 能力学会接入常见 AI 能力文本、图片、视频完整项目实战模拟真实场景、接受用户反馈迭代完整化项目附录业务思维章节关键内容产品思维与方案设计从零到一做产品需要考虑的思维框架AI 应用场景参考B 端与 C 端B 端产业应用与 C 端消费场景参考附录用户研究与需求验证章节关键内容从哪里找点子从参考应用、趋势与 VC 清单中收敛细分方向双钻模型先定义问题再展开方案设计的完整节奏Jobs to Be Done用 JTBD 方法看清用户真正想完成的事The Mom Test 用户访谈法通过用户访谈验证需求的调研方法附录技术方案章节关键内容写代码时遇到错误怎么办vibe coding 中的常见错误及排查方法七款 AI 编程工具对比对比测试主流 AI 编程平台用设计和编程 Agent 设计网站学习如何使用 AI 智能体协同工作二、初中级开发工程师Stage 2全栈开发Stage 2 的目标是从原型走向可上线的全栈 AI 应用分为前端、后端、大作业与 AI 能力四部分详见 Stage 2 首页。前端部分章节关键内容从 Lovart 出发搭建自己的素材生产 Agent用 Nanobanana 和 Lovart 批量生成设计素材构建能意图识别的绘图 AgentFigma 与 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 等收费系统接入支付系统完成收费链路与基础结算流程大作业实战交付物项目你会重点练到什么最终交付物大作业 1第一个 SaaS 全栈应用——文案生成网站SaaS 页面结构、用户登录、AI 生成、Stripe 支付、后台管理一个可注册、可生成、可付费、可管理的 SaaS 雏形大作业 2在线考试与管理系统角色权限、题库建模、考试流程、提交记录、批改与统计一个有学生端和管理端的考试平台无论选择哪个大作业建议至少准备三个交付物一个可运行的项目仓库、一个可访问的演示链接、一份 README 和一段演示视频。AI 能力附录章节关键内容Dify 入门与知识库集成用 Dify Workflow 与基础 RAG 搭建工具类产品为后续应用升级打样三、高级开发工程师Stage 3跨平台与 AI 进阶Claude Code 核心技能章节关键内容Claude Code 快速上手安装配置、基础操作、实用技巧和常用指令Claude Code MCP 完全指南通过 MCP 让 Claude Code 连接 GitHub、数据库、API 等外部服务Claude Code Skills 完全指南将专业知识打包成可复用技能包一次配置反复使用Claude Code 工作流最佳实践日常开发、代码重构、Code Review 等场景的最佳实践Claude Agent Teams 完全指南多 AI 实例协同工作像真正的开发团队一样并行协作Claude Code Superpowers 工程级开发让 AI 写出工程级代码遵循 TDD 和最佳实践如何让 Claude Code 长时间工作设计长时间运行的任务让 Coding Tools 持续工作直到完成多平台开发章节关键内容如何构建微信小程序了解微信小程序生态从官方模板到上线完成一个前端小程序如何构建微信小程序 - 包含后端在小程序中接入数据库与后端逻辑打通完整业务闭环如何构建安卓程序使用 Expo 等工具完成 Web/原生一体化的安卓应用开发如何构建 iOS 程序使用 Expo 等工具完成 Web/原生一体化的 iOS 应用开发如何开发 PWA 本地应用让网页变成真正的 App支持离线、推送、桌面安装如何开发浏览器 AI 助手插件开发 Chrome 插件一键总结任意网页支持云端 API 和内置 AI如何开发 Electron 桌面程序用 Electron 构建语音转文字桌面应用支持三平台安装运行如何快速开发并铸造 NFT从零编写智能合约部署到以太坊测试网铸造自己的 NFT如何开发 VS Code 插件开发 AI 项目助手插件支持模板生成、代码对话、多文件问答如何开发工业级 Qt 桌面应用用 Qt 构建工业级水泵监控 HMI 系统实时数据、趋势图、报警AI 能力附录章节关键内容什么是 RAG 以及它如何工作系统理解 RAG 原理与常见架构为复杂应用提供知识检索基础中高级 RAG 与工作流编排以 LangGraph 为例使用 LangGraph 等工具设计多步工作流与中高级 RAG 系统附录知识库涵盖9 大知识领域、80 交互式专题以动画和可视化组件帮助你直观理解从计算机底层到 AI 前沿的核心概念包括计算机基础、开发工具、浏览器与前端、服务器与后端、数据、架构与系统设计、基础设施与运维、人工智能、工程素养入口见 附录首页。其中调试的艺术还包含独立的子章节 调试的艺术。项目底层结构与多语言支持从仓库结构看教程正文按语言分目录组织在 docs/ 下共支持10 种语言zh-cn、en、zh-tw、ja-jp、ko-kr、es-es、fr-fr、de-de、ar-sa、vi-vn并配套 docs-readme/ 下各语言的独立 README。各语言共享一套 VitePress 主题与交互组件。仓库还专门维护了一份 llms.txt AI 导航文件用于让 OpenClaw、Claude、Cursor、Trae 等 AI Agent 快速理解仓库结构、精准定位教程内容。该文件内置了快速决策树问怎么开始 / 零基础 / 入门 → Stage 1stage-0/ 和 stage-1/问数据库 / 部署 / 全栈 → Stage 2问MCP / 小程序 / 跨平台 / Claude Code 进阶 → Stage 3问计算机基础 / 原理 → 附录项目演进值得关注的能力更新导读文档的 News 栏目记录了项目的持续演进以下为与学习路线直接相关的关键节点Stage 1 重构与润色2026-08入门路径改为从真实问题出发依次完成找问题、选方向、理解需求、用户访谈、收敛方案、制作原型、接入 AI 和完成作品更适合零基础学习者与第一次尝试做产品的人。多语言全覆盖2026-05Stage 1 已在全部 10 种语言下完整可用并通过导航/构建校验确保不出现 404。用户故事专区2026-03新增交互式故事轮播与独立故事页面收录乡村小学老师、大学生、高中信息技术老师、货车司机等 4 篇真实案例见 docs/zh-cn/vibe-stories/。Stage 2 实战内容集中更新2026-03补充完整 SaaS 全栈大作业《文案生成网站》与《如何集成 Stripe 等收费系统》。附录扩充2026-03新增用户研究与需求验证4 篇文章找点子、双钻模型、Jobs to Be Done、Mom Test。AI Agent 友好支持2026-03新增 llms.txt 导航文件。Stage 3 升级2026-03新增 Claude Code 七大深度指南MCP、Skills、Agent Teams 等及八大跨平台开发实战PWA、Electron、NFT、VS Code 插件、Qt 工业应用等。交互式演示组件2026-01发布 Prompt Engineering、AI 演进史、鉴权设计、Git 原理等可视化演示组件以及 Android、iOS 平台开发教程。如何学习根据个人能力选择性地阅读和实践相关章节即可如果在学习中遇到问题可以在仓库提交 issue 提问。本地启动本课件现代方案在 AI IDEVS Code、Cursor、Trae 等的对话框输入下列提示词让 AI 帮你启动本地服务请你帮我运行这个项目的本地服务传统方案手动执行三条命令即可npm install npm run dev然后在浏览器访问http://localhost:3000查看。从 package.json 的 scripts 配置可以看到dev脚本实际执行的是vitepress dev docs即用 VitePress 启动文档站点仓库要求 Node.js 版本不低于 18engines: { node: 18.0.0 }。除了本地开发仓库还提供了完整的生产构建链路npm run build调用 scripts/build-locales.mjs 进行多 locale 并行构建npm run sitemap/build调用 scripts/generate-sitemap.mjs 生成sitemap.xml与robots.txtnpm run book:pdf/book:epub将课件输出为 PDF / EPUB 电子书。部署到线上部署说明 记录了两种主流部署方式的核心差异——base路径Vercelbase 为/部署到https://your-project.vercel.appGitHub Pagesbase 为/easy-vibe/部署到https://datawhalechina.github.io/easy-vibe。部署配置会根据环境变量自动选择在 VitePress 配置 中当process.env.VERCEL 1时使用/否则使用/easy-vibe/。若线上出现 404优先排查环境变量VERCEL是否等于1以及构建时base是否与托管平台匹配。参与贡献与许可Easy-Vibe 欢迎以 Issue 反馈问题、以 Pull Request 参与贡献。项目采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议CC BY-NC-SA 4.0进行许可这一点在 package.json 的license字段CC-BY-NC-SA-4.0中亦有对应声明。总结Easy-Vibe 不是一本只讲概念的教程而是一条从想法到真实产品的完整训练链路Stage 1 帮你跨过做出来的门槛Stage 2 让你具备交付可上线全栈应用的能力Stage 3 带你进入跨平台与 AI 原生工作流的高级阶段附录则随时补充你欠缺的底层知识。无论你是零基础爱好者、产品经理还是开发者都可以按本文给出的五条路径之一找到属于自己的起点然后在本地用一条提示词或三条命令把整套课件跑起来即刻开始你的 vibe coding 之旅。【免费下载链接】easy-vibe从 0 到 1 学会 vibe coding项目制学习项目地址: https://gitcode.com/datawhalechina/easy-vibe创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
` 方法详解：如何过滤出所有不匹配选择器的节点)
