Easy-Vibe

2025 年被许多人称为“AI 编程元年”。越来越多的人开始用 AI 写代码，但多数成果仍停留在“玩具”阶段——能跑通，却无法上线；有想法，却不知如何组织开发流程；会调用 API，却不了解从原型到产品的完整链路。

Easy-Vibe 是一套项目驱动的实战课程，通过三阶段递进式训练，帮助你系统掌握 Vibe Coding（氛围编程）方法论，并真正构建出可交付、可部署、有用户价值的 AI 原生应用。

无论你是非技术背景的产品人、刚入门的开发者，还是希望快速验证想法的独立创业者，都能在这里找到适合自己的起点。

谁适合学习？

• 新手（非技术背景 / 产品/运营）
  听懂关键概念，完成第一个 AI 小工具或交互原型，迈出从“想法”到“可运行”的第一步。
• 初中级开发者（学生 / 初级工程师）
  系统掌握 Vibe Coding 工作流，学会整合 AI、前端、后端与部署，构建完整产品闭环。
• 高级开发者（初创团队 / 开源贡献者）
  快速搭建、验证并迭代原生 AI 应用，提升从需求到上线的整体效率。

你能学到什么？

• 理解 Vibe Coding 的核心理念：不是“让 AI 写代码”，而是“与 AI 共同构建产品”
• 通过 9 个主线项目 + 多个实践案例，覆盖小游戏、工具类应用、知识库问答、跨平台小程序等形态
• 掌握关键工具链：Git、API、RAG、AI IDE（如 Trae）、Zeabur 部署、Supabase 后端
• 建立 产品思维：从用户需求出发，完成 PRD、原型设计、多页面架构到上线的全流程
• 最终具备 一人全栈开发 AI 原生应用的能力

三阶段实战路径

第一阶段：本地基础开发（入门）

从零搭建第一个可交互的 Web 应用，熟悉 AI 编程基本操作。

• Project 1：用 AI 构建贪吃蛇游戏 —— 学习网页端编程、调用文字/图像生成 API
• Project 2：探索 AI 能力边界 —— 通过提示词工程测试模型极限，理解“能做什么”与“不能做什么”
• Project 3：Dify 入门与知识库集成 —— 实践 RAG（检索增强生成），构建基于自有数据的问答机器人

✅ 所有项目已上线，适合零基础起步。

第二阶段：数据库与全栈部署（进阶）

引入真实后端服务，实现用户系统与数据持久化。

• Project 4：霍格沃茨画像生成器 —— 从前端设计到 Dify API 集成，再到 Zeabur 一键部署
• Project 5：接入 Supabase —— 学习数据库建模、用户鉴权、边缘函数与文件存储
• Project 6：别急着写代码，先想一个好点子 —— 培养产品抽象能力，将模糊想法转化为具体功能

✅ 本阶段强调“从原型到可用产品”的跃迁。

第三阶段：现代全栈应用实战（高阶）

构建具备多页面、复杂交互、完整用户体验的现代应用。

• Project 7：UI 设计 —— 使用现代组件库，规范界面开发
• Project 8：功能设计 —— 市场调研、PRD 撰写、多页面架构规划
• Project 9：全栈开发闭环 —— 独立实现前后端、鉴权、部署与监控

🚧 当前正在开发中，预计 1 月 20 日前合并至主分支。

扩展知识：补齐 AI 开发知识图谱

除了项目实战，课程还提供 11 个扩展模块，覆盖开发者必备通识：

实践案例：不止于 Web

课程还包含多个跨平台实践示例，拓展应用场景：

• Example 1：用 Trae + 微信开发者工具构建贪吃蛇小程序（✅ 已完成）
• Example 2：带后端数据库的微信小程序（🚧 开发中）
• Example 3：基于 Expo 的 Android 应用开发与上架（🚧 规划中）
• 后续将补充 iOS 平台支持 与更多开发基础的 Vibe Coding 解法

如何开始学习？

1. 建议前提：具备任意一门编程语言的基础（如 Python、JavaScript），并对 AI 和产品开发有兴趣
2. 推荐路径：按 Project 1 → 6 顺序完成，建立完整开发闭环
3. 查漏补缺：在 Extra 模块中学习 Git、API、RAG 等支撑性知识
4. 遇到问题：先尝试自主排查，再对照教程与源码反思，培养工程直觉

你可以根据时间灵活选择章节，但强烈建议完成全部 Project，这是形成能力的关键。

本地启动课件

现代方式（推荐）

在支持 AI IDE 的编辑器（如 VS Code、Cursor、Trae）中输入：

请你帮我运行这个项目的本地服务

传统方式

npm install
npm run dev

然后访问 http://localhost:3000 即可。