【Learn Agent】Vibe Vibe —— 人人都能学会的 AI 编程(Vibe Coding)指南

副标题:国内首个系统化的 Vibe Coding 开源教程 —— 从「我有一个想法」到「我做出了一个产品」,让人人都能成为 Builder

1. 30 秒介绍

Vibe Vibe 是 Datawhale 社区出品的 AI 辅助编程系统化教程,面向零编程基础学习者,践行 Andrej Karpathy 提出的 Vibe Coding 理念——从 Coder 到 Commander,把编程从"写代码"变成"对话式创作"。

它解决的核心痛点是:Vibe Coding 已成全球趋势,但国内学习资源碎片化严重,缺乏零基础友好、含完整进阶路径的系统教程。教程分基础篇 / 进阶篇 / 实践篇 / 优质文章篇四大板块,覆盖「入门心法 → 完整项目交付 → 分人群实战 → 行业前沿追踪」的全链路。

  • 在线阅读:www.vibevibe.cn
  • 理念原点:“完全沉浸于编程的’氛围’中,忘记代码的存在。”

2. 主要内容

模块总览

模块 规模 内容概要
:blue_book: 基础篇:Vibe Coding 启示录 5 章 + 结语 + 5 个附录 写给所有人的 AI 编程入门:觉醒、心法、技法、实战、精进
:green_book: 进阶篇:从 0 到上线的避坑指南 16 章(序言均可阅读) 以完整产品交付流程为主线,覆盖环境、架构、部署、运维
:orange_book: 实践篇:分人群项目实战 基础板块(按人群)+ 进阶板块(Sean’s Stories 系列) 动手练手的项目与进阶技能训练
:closed_book: 优质文章篇:精选学习资源 5 类 知名公司博客、优质播客、研究报告、Newsletter、开发者社区

亮点模块

① 基础篇 —— 心法 + 技法 + 第一个项目

不堆功能,先教"像产品经理一样思考",再教"与 AI 对话的艺术":

章节 关键内容
第 1 章 觉醒 从 Coder 到 Commander;Vibe Coding 与 Spec Coding 详解;Cursor / Windsurf / Bolt.new / Replit 选型;3 分钟做出第一个 AI 网页
第 2 章 心法 MVP 思维、灵魂三问(用户是谁?痛点在哪?为何用你?)、拆解"背单词软件"这类想法
第 3 章 技法 Context is King、用户旅程地图、编写第一份 PRD、P0/P1/P2 优先级
第 4 章 实战 无需命令行的环境搭建;三轮迭代(先看"脸"→再长"脑"→数据存储);用 AI 修复 AI 的 Debug 指南
第 5 章 精进 改崩了怎么办、发布到互联网、AI 时代的安全意识、持续迭代、Vibe Coding 的边界

附录还配了 Prompt 速查清单、常见错误速查表、术语表中英对照、工具对比表、项目 idea 清单。

② 进阶篇 —— 16 章「从 0 到上线」的完整交付流程

这是全篇最有工程含量的部分,把一个人从写代码到把产品跑在公网上的全流程拆成 16 章:

第 1 章  环境搭建、代码形态与包管理器
第 2 章  开发工具与 AI 调教
第 3 章  PRD 与文档驱动开发
第 4 章  开发常识与技术栈
第 5 章  代码运行状态与构建原理
第 6 章  界面(UI)与交互(UX)
第 7 章  环境变量与安全机制
第 8 章  数据持久化与数据库
第 9 章  功能测试流程与自动化脚本
第 10 章 Localhost 与公网访问
第 11 章 Git 版本控制与跨平台协作
第 12 章 无服务器部署与 CI/CD 自动化
第 13 章 域名解析原理与网络接入
第 14 章 云服务器运维与项目部署
第 15 章 SEO、分享与数据统计
第 16 章 用户反馈与产品迭代

技术栈直接对齐现代生产环境:Next.js 16 · React · TypeScript · Tailwind CSS · shadcn/ui · Drizzle ORM · PostgreSQL。

③ 实践篇 —— 按人群分层的项目实战

人群 项目方向
文科生 / 商科生 内容创作、数据展示类
理工科学生 算法可视化、数据处理类
职场人士 工作流自动化、效率提升类
进阶板块 上线应用、数据库、后端部署、用户认证;AI Agent 开发(RAG、向量数据库、MCP 集成);SaaS / 地图 / 移动应用;n8n、GitHub 工作流

④ 进阶版预告:在线 IDE + Skills(即将推出)

无需本地配置,浏览器内即可学习:云端 IDE 内置 Node.js 24、Python、Docker;预装 50+ AI Skills;开箱即用。

适合 / 不适合

  • :white_check_mark: 完全零基础者、用过 ChatGPT 但没做过项目的人
  • :white_check_mark: 想系统了解"从想法到上线"完整交付流程的开发者
  • :white_check_mark: 大学生、创业者、传统程序员、职场人士
  • :cross_mark: 只想速查某个具体 API / 框架用法的人(这是体系化教程,不是文档)
  • :cross_mark: 想深入底层语言原理、算法训练的人(教程重心在"指挥 AI 交付产品")

3. 快速上手与链接

在线阅读:https://www.vibevibe.cn
仓库地址:https://github.com/datawhalechina/vibe-vibe

本地运行(Docker 私有化部署):

docker compose up -d --build

默认访问地址为 http://localhost:1024。更完整的部署方式、静态文件部署与离线环境注意事项见 部署指南。

按起点选择入口:

你是谁 推荐起点
完全零基础 基础篇 → 第 1 章 觉醒
用过 LLM 工具但没做过项目 基础篇 → 第 2 章 心法
有编程基础想学 Vibe Coding 基础篇快速浏览 → 进阶篇
想直接动手做项目 基础篇 → 第 4 章 实战
想找项目练手 实践篇

模块直达(仓库目录):

作者 / 协议:
项目负责人 & 核心贡献者:符航康、齐国皓;实践篇与文章篇由刘磊、陈俊希、金龙、舒璐璐等贡献。
协议:CC BY-NC-SA 4.0(署名—非商业性使用—相同方式共享)。

1 个赞

已严肃学习!!!

2 个赞

看着挺系统的,先去 vibevibe.cn 瞄一眼再说,零基础能跟下来就谢天谢地了 :joy:

3 个赞