easy-vibe:Datawhale 开源的 Vibe Coding 全栈教程,从想法到产品的完整路径

项目简介

easy-vibe 是 Datawhale(数据)开源的 Vibe Coding 全栈教程,教你如何用自然语言描述需求,然后用 AI 编程工具把想法变成真正的产品。它不教语法、不教算法,而是教你在 AI 时代用对话写代码

面向所有人:零基础小白、产品经理、独立开发者、初中级工程师——只要会说话,就能编程。

Stars
8,756 ⭐
Forks
872
创建
2025-12-28
语言
JavaScript

什么是 Vibe Coding

Vibe Coding(氛围编程)是 2025 年兴起的编程范式:用自然语言描述你想要的产品,AI 帮你写代码、调试、部署。你不需要懂语法,只需要知道"我要什么"。

传统编程:学语法 → 写代码 → 调 Bug → 部署 Vibe Coding:描述需求 → AI 写代码 → 验证效果 → 发布产品

easy-vibe 就是要教你掌握这套新范式。

四大学习阶段

🎓 Stage 1: 产品原型(入门) → 感受 AI 编程,做出可展示的产品原型 🔧 Stage 2: 全栈开发(实战) → 前端 + 后端 + 数据库 + 部署 + 支付 ⚡ Stage 3: 高级开发(进阶) → Claude Code 深度用法、MCP、Agent Teams 📚 附录知识库(补充) → 9 大知识领域,80+ 互动主题

阶段一:产品原型

🎯 适合谁

零基础小白、产品经理、创业者、想快速验证想法的人

📖 学什么

  • AI 编程初体验:通过贪吃蛇等小游戏感受 AI 编程能力
  • AI IDE 工具:掌握主流 AI 编程工具的使用
  • 发现好想法:如何找到值得做的产品方向
  • 构建产品原型:从需求到单页/多页产品原型
  • 集成 AI 能力:文本、图片、视频 AI 功能
  • 完整项目实践:模拟真实场景,收集用户反馈并迭代

🏆 得到什么

一个可以展示给用户或团队的可交互 AI 产品原型

附录内容(阶段一配套)

主题内容
产品思维从零到一的核心框架
AI 行业场景(B端)AI 在各行业的应用
AI 消费场景(C端)消费者 AI 产品机会
双钻模型先做对的事,再把事做对
Jobs to Be Done通过真实任务分析用户目标
The Mom Test用户访谈方法,避免虚假反馈

阶段二:全栈开发

🎯 适合谁

初级开发者、独立开发者、想从原型到全栈交付的进阶学习者

📖 学什么

  • 前端工作流:Figma/MasterGo 设计稿、UI 设计基础、多产品设计规范
  • 设计转代码:把设计原型变成可运行的前端代码
  • 数据库:Supabase 现代 BaaS 平台
  • 后端 API:AI 辅助 API 设计和后端代码生成
  • 部署:Zeabur 云端部署全栈应用
  • 支付:集成 Stripe 等计费系统

🏆 得到什么

独立完成现代 AI Web 应用的能力,含登录、生成、计费等完整功能

大型项目实战

项目内容
AI 文案生成 SaaS 网站含登录、生成、计费、管理后台的完整全栈应用
在线考试管理系统题目生成、考试流程、管理工具

阶段三:高级开发

🎯 适合谁

对 AI 原生开发工作流感兴趣的开发者

📖 学什么

  • Claude Code 入门 — 安装、配置、基础用法
  • MCP 集成 — 连接 GitHub、数据库、API 等服务
  • Skills 指南 — 把专业知识打包成可复用的 Skill
  • 长任务设计 — 让编码工具持续工作直到完成
  • Agent Teams — 协调多个 AI 实例像真实开发团队一样协作
  • 工程级开发 — TDD + 最佳实践让 AI 产出工程级代码
  • 工作流最佳实践 — 重构、代码审查、日常开发
  • 移动端远程开发 — 在手机上远程控制 Claude Code

附录知识库

当遇到概念障碍或缺少背景知识时,随时查阅。覆盖 9 大知识领域80+ 互动主题

  • 计算机基础、前端/后端基础
  • 基础设施、AI 原理
  • 工程实践
  • 7 款 AI 编程工具横评
  • 多 Agent 协作实战

Vibe Stories

项目收录了真实用户的 Vibe Coding 故事:

👩‍🏫 乡村小学教师
用 AI 做出了教学辅助工具,改善课堂体验
🎓 大学生
用 AI 编程完成自己的第一个产品
👨‍🏫 高中 IT 教师
用 AI 工具构建教学管理系统
🚛 卡车司机
用 AI 做出了真实可用的产品

快速开始

在线阅读(推荐)

直接访问官网开始学习: https://datawhalechina.github.io/easy-vibe/ 中文:https://datawhalechina.github.io/easy-vibe/zh-cn/ 英文:https://datawhalechina.github.io/easy-vibe/en/

本地克隆

git clone https://github.com/datawhalechina/easy-vibe.git cd easy-vibe

选择你的学习路径

你是谁从哪里开始
零基础 / 产品经理 / 创业者阶段一
初级开发者 / 独立开发者阶段二
想学 Claude Code 高级用法阶段三
遇到概念不懂附录知识库

实战场景

📝 场景一:产品经理验证想法

# 不用写一行代码,用自然语言描述产品 # 通过阶段一的学习,你能: # 1. 找到值得做的产品方向 # 2. 用 AI 做出可交互的产品原型 # 3. 拿给真实用户测试,收集反馈 # 4. 根据反馈快速迭代

几天时间就能完成传统开发需要几周的验证流程。

💻 场景二:独立开发者做 SaaS

# 阶段二的综合项目:AI 文案生成 SaaS # 涵盖: # - 前端设计(Figma / MasterGo) # - 后端 API 设计 # - Supabase 数据库 # - Zeabur 云端部署 # - Stripe 支付集成 # - 管理后台

这是一个人就能完成的全栈开发。

🤖 场景三:Claude Code 高级工作流

# 阶段三教你用 Claude Code 像团队一样工作: # 1. MCP 连接外部服务(GitHub、数据库、API) # 2. Skills 把专业知识打包复用 # 3. Agent Teams 多 AI 协作 # 4. 长任务持续工作 # 5. TDD 产出工程级代码

📱 场景四:做移动 App

教程已覆盖 Android 和 iOS 应用开发,用 AI 辅助构建原生应用。

总结

easy-vibe 是中文社区最系统的 Vibe Coding 教程——从"用 AI 做小游戏"入门,到独立交付全栈 SaaS,再到 Claude Code 高级工作流,覆盖了从想法到产品的完整路径。

8,756 Stars — Datawhale(数据鲸)出品
四阶段路径 — 原型 → 全栈 → 高级 → 知识库
适合所有人 — 零基础到高级开发者
真实案例 — 乡村教师、大学生、卡车司机都能做产品
中英双语 — 中文 / English 完整覆盖
9 大知识领域 — 80+ 互动主题随时查阅
Claude Code 深度教程 — MCP / Skills / Agent Teams
持续更新 — 2025 年底至今活跃维护

如果你想知道"AI 时代的编程到底是什么样",easy-vibe 是最好的入门路径。

posted @ 2026-05-10 17:26  ciaochao  阅读(54)  评论(0)    收藏  举报