大家好，我是何三，独立开发者

最近刷 GitHub，看到一个项目直接给我干沉默了——Vibe Vibe，Datawhale 出品，4.2k Star，定位是「国内首个系统化 Vibe Coding 开源教程」。

说实话，Vibe Coding 这个概念我之前也一直在关注，但总觉得国内的资源太碎片化了。东一篇西一篇，看完也不知道从哪下手。直到看到这个项目，才觉得终于有人把这件事系统性地做出来了。

vibevibe_cover

Vibe Coding 到底是什么？

先聊聊这个概念。

OpenAI 联合创始人 Andrej Karpathy 之前发过一段话，大意是：编程正在从"写代码"变成"和 AI 对话"。你不需要手写每一行代码，而是用自然语言描述你的想法，AI 来帮你生成、调试、部署。

他把这叫做 Vibe Coding——沉浸式编程，忘记代码的存在。

听起来很玄对吧？但你想想，现在已经有越来越多的创业公司，大部分代码都是 AI 辅助生成的。这个趋势不是未来，是正在发生的事。

Vibe Vibe 这个教程，就是要把这件事教给所有人——不管你有没有编程基础。

教程结构：四本书，渐进式学习

vibevibe_01

整个教程分成四大板块，设计得挺讲究的：

📘 基础篇——写给所有人的 AI 编程入门。从"觉醒"开始，讲清楚 Vibe Coding 是什么、为什么要学，然后教你心法（像产品经理一样思考）、技法（怎么跟 AI 高效对话），最后直接上手实战，做一个属于自己的项目。

📗 进阶篇——16 章，从 0 到上线的完整流程。环境搭建、PRD 文档、技术栈选型、UI/UX、数据库、测试、部署、域名、SEO……基本覆盖了一个产品从想法到上线的所有环节。技术栈用的是 Next.js + React + TypeScript + Tailwind CSS + PostgreSQL。

📙 实践篇——按人群分类的项目实战。文科生有文科生的项目（内容创作、数据展示），理工科有理工科的项目（算法可视化、数据处理），职场人士有职场人士的项目（工作流自动化）。还有进阶的 AI Agent 开发、SaaS 全栈实战。

📕 优质文章篇——精选学习资源。OpenAI、Anthropic、Vercel 的技术博客，优质播客、研究报告、Newsletter，甚至 Discord 和 Twitter 上的优质社区资源都有整理。

基础篇的五步心法

vibevibe_02

基础篇的结构我觉得设计得最好，五步走，每一步都踩在点上：

第1章：觉醒。 讲的是"为什么现在学编程"这件事。核心观点很直接——编程已死，编程永生。以前你要学语法、学框架、学调试，现在你只需要学一件事：怎么跟 AI 描述你的想法。

第2章：心法。 这章很关键。很多人用 AI 写不出东西，不是因为工具不行，而是因为不会拆解问题。教程教你 MVP 思维——先做一个"能跑的最小版本"，别一上来就想搞个微信。还有"灵魂三问"：用户是谁？痛点在哪？凭什么用你？

第3章：技法。 讲怎么写 Prompt。不是那种"请帮我写一个 xxx"的粗糙用法，而是教你写 PRD（产品需求文档）、画用户旅程地图、给 AI 设定上下文边界。让 AI 知道该做什么、不该做什么。

第4章：实战。 直接上手做一个项目。先让 AI 生成静态页面（先看"脸"），再注入逻辑和交互（再长"脑"），然后加数据存储。最后还有 Debug 指南——当 AI 报错时，怎么用 AI 修复 AI。

第5章：精进。 讲部署上线、版本管理、安全意识，以及 Vibe Coding 的能力边界。说白了就是告诉你：AI 很强，但它不是万能的，你得知道它的边界在哪。

进阶篇：一个完整的产品交付流程

vibevibe_03

进阶篇是我觉得最有价值的一部分。

16 章内容，每一章都对应产品交付流程中的一个环节：

阶段 章节 内容
准备 1-3章 环境搭建、AI调教、PRD文档
开发 4-8章 技术栈、构建原理、UI/UX、安全、数据库
测试 9章 功能测试+自动化脚本
部署 10-14章 公网访问、CI/CD、域名、服务器运维
运营 15-16章 SEO、数据统计、用户反馈与迭代

每章的序言都是可以免费阅读的，你可以先看看是不是自己需要的，再决定要不要深入学习。

技术栈方面，用的是比较主流的方案：Next.js 16 + React + TypeScript + Tailwind CSS + shadcn/ui + Drizzle ORM + PostgreSQL。这套东西学会了，基本能覆盖 90% 的 Web 项目需求。

实践篇：不同人群，不同项目

实践篇的设计很聪明，不是一刀切。

  • 文科生/商科生：推荐做内容创作、数据展示类的项目。比如一个个人博客、一个数据看板。
  • 理工科学生：推荐做算法可视化、数据处理类的项目。比如一个排序算法可视化器、一个数据清洗工具。
  • 职场人士：推荐做工作流自动化、效率提升类的项目。比如一个日报自动生成器、一个会议纪要整理工具。

进阶部分还有 AI Agent 开发（RAG、向量数据库、MCP 集成）和 SaaS 全栈实战，适合想要深入的人。

它的亮点在哪？

我看了这么多教程，Vibe Vibe 的几个特点让我觉得不一样：

1. 真正的零基础友好。 很多教程号称零基础，但一上来就让你装环境、配命令行。这个教程第一章就教你选工具，Cursor、Windsurf、Bolt.new、Replit，哪个顺手用哪个，不用命令行也能开始。

2. 系统性。 不是散装的知识点，而是从入门到上线的完整路径。你可以跟着走，也可以跳到需要的章节，目录设计得很清晰。

3. 中文原创。 Vibe Coding 的英文资源已经不少了，但中文的系统性教程几乎没有。这个项目填补了这个空白。

4. 开源免费。 CC BY-NC-SA 4.0 协议，内容完全开放。而且支持 Docker 一键部署私有化版本，公司内部用也没问题。

5. 社区活跃。 409 次提交，342 个 Fork，贡献者来自北大、国科大、湖大、NUS 等高校。Datawhale 的社区运营能力在开源圈是出了名的。

怎么用？

最简单的方式就是直接访问在线版本：

👉 www.vibevibe.cn

打开就能学，不用装任何东西。

如果你想本地部署，也给了 Docker 方案：

docker compose up -d --build

默认访问 http://localhost:1024，适合内网环境或者学校、公司内部使用。

适合谁？

  • 完全不会编程的人：从第1章开始，5章基础篇带你入门
  • 用过 ChatGPT 但没做过项目的人：直接从第2章心法开始
  • 有编程基础想学 Vibe Coding 的人：基础篇快速浏览，直接看进阶篇
  • 想找项目练手的人：直接翻实践篇
  • 想持续学习的人：优质文章篇有很多好资源

说实话，Vibe Coding 这个趋势是不可逆的。不管你是学生、职场人还是创业者，学会用 AI 辅助编程，都将成为一项核心竞争力。

总结

项目 信息
项目名 Vibe Vibe
出品方 Datawhale
定位 国内首个系统化 Vibe Coding 开源教程
Star 4.2k
协议 CC BY-NC-SA 4.0
在线地址 www.vibevibe.cn
GitHub https://github.com/datawhalechina/vibe-vibe

有一点要提一下，项目目前还是 Alpha 内测版，内容在持续迭代中。进阶版还预告了在线 IDE + 50+ AI Skills，到时候连本地环境都不用装了，打开浏览器就能学。

如果你的朋友圈里有人经常说"我想做一个 xxx 但不会编程"，把这个项目丢给他就对了。

有什么想法欢迎评论区聊聊，我们下期见 👋