Easy-Vibe 项目全览：从零开始用 AI 编程，把想法做成真实产品

Easy-Vibe 项目全览从零开始用 AI 编程把想法做成真实产品【免费下载链接】easy-vibe从 0 到 1 学会 vibe coding项目制学习项目地址: https://gitcode.com/datawhalechina/easy-vibe本文基于 Datawhale 开源课程 easy-vibe 的法语版项目 READMEdocs-readme/fr-FR/README.md编写系统介绍这套项目制 AI 编程学习体系的核心理念、学习者画像、五条学习路径、三阶段课程内容原型 → 全栈 → 高级跨平台、附录知识库以及本地运行方式。读完本文你将完整掌握 Easy-Vibe 的课程地图能够根据自己的水平选择正确的起点并用npm在本地跑起这套 VitePress 教程。为什么会有 Easy-VibeAI 时代会说话就会写代码想要一个记账应用直接说。需要一个带微信登录的预订系统直接说。想要一个带评论功能的博客直接说。在 AI 时代编程的起点不再是背诵语法而是用自然语言描述你想要的东西。Easy-Vibe 的核心使命就是教会你如何把一句话需求真正变成一个可以交付的真实产品而不只是停留在 AI 生成的 demo 阶段。课程采用31 阶段的渐进式设计详见 docs/guide 项目介绍 与根目录 llms.txt 中的架构总览入门体验Stage 0/1 前奏通过贪吃蛇等小游戏快速建立对 AI 编程的第一印象Stage 1新手入门与产品原型掌握 Vibe Coding 工作流完成可展示给用户/同事的 AI 产品原型Stage 2初中级开发覆盖全栈开发从数据库、API 到部署与支付交付可上线应用Stage 3高级开发Claude Code 深度使用、跨平台应用与 AI-Native 工程化工作流附录知识体系覆盖 9 大知识领域、80 交互式专题作为长期参考底座。正如 docs/fr-fr/stage-1/learning-map/index.md 所强调的Vibe Coding 是课程的起点而不是终点。课程最终要培养的是Product Engineer——既能发现问题、验证需求也能把产品交付给真实用户并根据反馈迭代的人。这门课适合谁原 README 给出了五类核心受众覆盖从零基础到资深工程师的完整光谱人群课程价值完全零基础的新手先做出第一个项目再理解它为什么能跑起来产品经理 / 创始人低成本快速验证想法构建 MVP学生培养 AI 时代的实战技能初级开发者学习从想法到上线的完整路径中高级开发者升级复杂项目中与 AI 协作的工作流从源码结构看docs/fr-fr/guide/introduction.md课程还特别照顾了非技术背景人群产品/运营岗帮助他们理解关键概念并完成第一个 AI 小工具或产品原型同时也服务企业与独立开发者快速创建、验证并迭代 AI-Native 应用。五条学习路径按目标选入口原 README 将内容组织为五条目标驱动的学习路径避免学完再忘 想要快速获得第一次成功体验适合所有人——通过一个简单具体的动手示例感受 AI 编程的真实体验建立对用对话与 AI 协作编程的清晰认知。 想把想法变成产品原型适合新手 / PM / 创始人——学习路线图、AI IDE 工具、想法验证、原型开发、AI 能力集成与完整 demo 迭代产出可演示的 AI 产品原型。 想端到端构建全栈产品适合初级开发者 / 独立开发者 / 进阶学习者——前端工作流、design-to-code、数据库、后端 API、部署、计费与大项目实战获得独立交付现代 AI Web 应用的能力。AI-Native想要 Claude Code 与 Agent 高级工作流适合对 AI 原生工程感兴趣的开发者——Claude Code、MCP、Skills、Agent Teams、长任务、Spec Coding 与跨平台应用交付。 想要参考资料与基础适合所有人——计算机基础、前后端基础、基础设施、AI 原理与工程实践构成覆盖 9 大领域的长期参考知识库。配合这五条路径README 给出的学习建议是新手/PM/创始人从 Stage 1 开始想从原型走向全栈交付的进入 Stage 2想深入 Claude Code 或跨平台项目的前往 Stage 3被概念卡住时随时查附录知识库。三阶段课程内容详解Stage 1初学者入口产品原型章节核心内容学习地图完整学习旅程的引导式总览AI 时代会说话就会编程通过贪吃蛇等示例获得 AI 编程的第一体验掌握 AI 编程工具AI IDE 工具如何工作并用它们构建本地小项目找到好想法如何发现并验证值得构建的产品想法构建产品原型从需求到单页/多页产品原型集成 AI 能力集成文本、图像、视频 AI 能力完整项目实战模拟真实场景收集用户反馈并迭代完整项目Stage 1 还配备了三个附录方向产品与商业思维产品思维与解决方案设计、AI 应用场景参考B2B 与 B2C用户研究与需求验证想法来源的 3 个参考来源、双钻模型Double Diamond、Jobs to Be Done、The Mom Test 用户访谈法技术方案遇到错误怎么办、七款 AI 编程工具对比、用 AI 编程与设计 Agent 协作建站见 docs/fr-fr/stage-1/appendix-articles/。Stage 2初中级开发全栈交付Stage 2 入口文档 明确了这一阶段的定位从造零件走向把零件组装成可运行、可演示、可部署的产品。前端FrontendLovart 资产生产 Agent → Figma/MasterGo 基础 → UI 设计 → 多产品 UI 规范 → 用 LLM 与 Skills 美化界面 → 哈利波特画像互动项目 → 设计稿转代码 → 现代组件库升级 UI。后端BackendGit 与 GitHub → 数据库到 Supabase → 用 AI 辅助 API 设计、后端代码生成与 API 文档 → 用 Zeabur 快速云部署 → 从 IDE 到 CLI 编程工具 → 集成 Stripe 等支付与计费系统。大项目Major Projects推荐按项目 1 → 项目 2顺序完成项目练到的核心技能最终交付项目 1AI 营销文案生成 SaaS页面结构、用户登录、AI 生成、Stripe 支付、后台管理含注册/生成/支付/管理的 SaaS 原型项目 2在线考试管理系统角色权限、题库建模、考试流程、提交判分、统计含学生端与管理员端的考试平台无论选择哪个项目都建议准备至少 3 个交付物一个可运行的项目仓库、一个可访问的演示链接、一份 README 与演示视频。此外还提供了现代落地页、类 Dify Agent 平台、旅行规划 Agent 平台、Spring Boot 电影推荐、生鲜微服务、Go 交通数据可视化等可选深化项目。Stage 3高级开发跨平台与 AI-NativeStage 3 入口文档 覆盖两大主题Claude Code 核心技能快速上手 → MCP 指南 → Skills 指南 → 长任务设计 → Agent Teams → SuperpowersTDD 与工程级代码→ 工作流最佳实践 → 移动端远程开发 → Claude Agent SDK → 从 vibe coding 走向 spec coding。跨平台开发平台选型 → 微信小程序含后端版→ Android → iOS → 本地 PWA → 浏览器 AI 助手插件 → Electron 语音转文字桌面应用 → NFT 铸造 → VS Code 扩展 → 工业级 Qt HMI。AI 能力附录RAG 原理与架构 → 用 LangGraph 编排多步骤高级 RAG 工作流见 docs/fr-fr/stage-3/ai-advanced/。附录知识库9 大领域、80 交互专题附录覆盖计算机基础、开发工具、浏览器与前端、服务器与后端、数据、架构与系统设计、基础设施与运维、人工智能、工程卓越9 大领域采用动画与可视化组件帮助学习者直观理解从计算机原理到 AI 前沿的核心概念docs/fr-fr/appendix/index.md。如何在本地运行这套教程README 提供了两种本地运行方式方式一现代方式AI IDE 对话在 VS Code、Cursor 或 Trae 等 AI IDE 的聊天窗口里直接说Aidez-moi a executer ce projet localement. 帮我本地运行这个项目方式二传统方式命令行npm install npm run dev然后在浏览器打开http://localhost:3000。结合 package.json 可以进一步理解项目的运行机制这是基于VitePress 2.0的静态文档站type: module核心脚本包括npm run devvitepress dev docs启动本地开发服务器npm run buildnode scripts/build-locales.mjs多 locale 并行构建5 组 locale、每组 2 种语言并自动调用 sitemap 脚本npm run previewvitepress preview docs预览构建产物npm run sitemapnode scripts/generate-sitemap.mjs生成sitemap.xml与robots.txt见 scripts/README.md运行环境要求Node.js 18.0.0engines字段。部署配置方面docs/.vitepress/config.mjs通过BASE环境变量或部署平台自动推断基础路径Vercel/EdgeOne 用根路径/GitHub Pages 用/easy-vibe/localeMap定义了10 个语言区域zh-cn、en、ja-jp、zh-tw、ko-kr、es-es、fr-fr、de-de、ar-sa、vi-vn法语fr-fr映射为hreflang: fr、lang: fr-FR支持 Vercel、EdgeOne、GitHub Pages 多平台部署。面向 AI Agent 的导航设计2026 年 3 月的更新为仓库加入了llms.txt根目录 llms.txt让 OpenClaw、Claude、Cursor、Trae 等 AI Agent 能快速理解仓库结构与各章节索引。该文件内置了快速决策树例如问怎么开始/零基础/入门→ Stage 1问数据库/部署/全栈→ Stage 2问MCP/小程序/跨平台/Claude Code 进阶→ Stage 3问计算机基础/原理→ 附录。这使 Easy-Vibe 不仅是给人学的课程也成了可以被 AI 检索与引用的结构化知识库。多语言支持与社区生态课程教程内容已覆盖10 种语言简体中文、英文、繁体中文、日文、韩文、西班牙文、法文、德文、阿拉伯文、越南文各语言 README 分别存放在 docs-readme/ 目录下如 docs-readme/zh-CN/README.md、docs-readme/en-US/README.md、docs-readme/ja-JP/README.md 等课程主页还设有Vibe Stories用户故事专区收录了乡村教师、大学生、高中信息技术教师、卡车司机等真实学习者用 AI 做出产品的案例docs/fr-fr/vibe-stories/。数据团队还在持续推出其他开源课程如 Hands-on Modern RL强化学习到 LLM 对齐与 Agentic 系统与 Learn Harness Engineering工程 harness 指南。许可证本项目采用Creative Commons Attribution-NonCommercial-ShareAlike 4.0CC BY-NC-SA 4.0国际许可协议见 package.json 的license字段允许署名、非商业性使用与相同方式共享适合个人学习与课程二次开发商用需另行确认授权。结语从一句话需求到可交付产品Easy-Vibe 用三阶段 附录的知识体系为不同背景的学习者铺设了一条可执行的 AI 编程成长路径。无论你是零基础新手、产品经理还是想升级 AI 协作工作流的资深工程师都可以从 docs/fr-fr/stage-1/learning-map/index.md 出发按自己的目标进入对应的学习路径并在本地用npm install npm run dev直接开始体验。【免费下载链接】easy-vibe从 0 到 1 学会 vibe coding项目制学习项目地址: https://gitcode.com/datawhalechina/easy-vibe创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考