datawhalechina / vibe-vibe

English |
 简体中文 
 Vibe Vibe 
# Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
> **面向零编程基础学习者的 AI 辅助编程系统化教程，从「我有一个想法」到「我做出了一个产品」，让人人都能成为 Builder。**
点击以访问教程主页：www.vibevibe.cn
### 核心理念
践行 OpenAI 联合创始人 **Andrej Karpathy** 提出的 Vibe Coding 理念——**从 Coder 到 Commander**：通过自然语言与 AI 对话，让编程从"写代码"转变为"对话式创作"。
> *"完全沉浸于编程的'氛围'中，忘记代码的存在。"*
### 快速开始
📖 **在线阅读**：www.vibevibe.cn
| 你是谁 | 推荐起点 |
|-------|---------|
| 完全零基础 | 基础篇 → 第1章 觉醒 |
| 用过 ChatGPT 等大语言模型工具但没做过项目 | 基础篇 → 第2章 心法 |
| 有编程基础想学 Vibe Coding | 基础篇快速浏览 → 进阶篇 |
| 想直接动手做项目 | 基础篇 → 第4章 实战 |
| 想找项目练手 | 实践篇 |
### 私有化部署
如果你想在本地或内网环境部署本教程站点，仓库已经提供了可直接使用的 `Dockerfile` 和 `docker-compose.yml`：
 [code] 
默认访问地址为 `http://localhost:1024`。
更完整的部署方式、静态文件部署方案和离线环境注意事项，请查看部署指南。
### 教程定位
国内首个系统化的 Vibe Coding 开源教程，分为四大板块：
| 板块 | 定位 | 适合人群 |
|-----|------|---------|
| 📘 **基础篇** | AI 编程入门 + 心法 + 第一个项目 | 完全零基础、用过 ChatGPT 但没做过项目 |
| 📗 **进阶篇** | 16章"序言可阅读" · 从0到上线的避坑指南 | 想了解完整项目交付流程的开发者 |
| 📙 **实践篇** | 分人群项目实战 + 进阶技能训练 | 想通过动手练习巩固所学 |
| 📕 **优质文章篇** | 精选学习资源 + 行业前沿追踪 | 想持续学习、保持行业敏感度 |
- **为什么需要这份教程？** Vibe Coding 已成为全球趋势（越来越多的创业公司大部分代码由 AI 辅助生成），但国内学习资源碎片化严重，缺乏系统化、零基础友好、包含完整进阶路径的教程。
- **适合人群**：编程零基础者、大学生、创业者、传统程序员、职场人士，任何想用 AI 快速实现想法、提升工作效率或学习新范式的人。
### 进阶版预告：在线 IDE + Skills
我们即将推出**在线开发环境**，无需本地配置环境，打开浏览器即可开始学习：
- **云端 IDE** —— 内置完整的 Node.js 24、Python、Docker 等开发环境
- **50+ AI Skills** —— 预装丰富的 AI 辅助技能包，覆盖开发全流程
- **开箱即用** —— 无需安装任何软件，登录即可开始编程实践
让学习门槛降到最低，敬请期待！
### 学习产出
| 阶段 | 你将获得 |
|-----|---------|
| **基础篇** | 掌握 Vibe Coding 心法 · 用自然语言指挥 AI · 独立完成项目 · 部署上线能力 |
| **进阶篇** | 现代全栈技术栈 · 前后端架构 · 用户系统开发 · 生产级部署 · 工程化思维 |
## 贡献者名单
| 姓名 | 职责 | 简介 |
| :----| :---- | :---- |
| 符航康 | 项目负责人 & 核心贡献者 | 一位 AI 时代的原住民|
| 齐国皓 | 项目负责人 & 核心贡献者 | 现就读于新加坡国立大学计算机学院, 湖南大学金融科技协会创始人|
| 刘磊 | 「实践篇」贡献者、图像贡献者 | 中国科学院大学，一枚在职后端 Coder，热爱 Vibe，崇尚分享。 |
| 陈俊希 | 「优质文章篇」板块贡献者 | 湖南大学金融科技协会会长，湖南大学金融与统计学院24级本科生 |
| 金龙 |「实践篇」板块贡献者 | 北京大学学生创新学社AI俱乐部副部长，北京大学24级研究生|
| 舒璐璐 | 「实践篇」板块贡献者 | 湖南大学「麓山人文+」创始人，湖南大学岳麓书院23级本科生 |
## 目录
本教程分为**四大板块**，采用渐进式学习路径设计（点击展开详细目录）：
 📘 基础篇：Vibe Coding 启示录（写给所有人的 AI 编程入门） 
 [code] 
 📗 进阶篇：从0到上线的避坑指南 
本篇以**完整的产品交付流程**为主线，共16章，每章序言均可阅读：
 [code] 
**技术栈**：Next.js 16 · React · TypeScript · Tailwind CSS · shadcn/ui · Drizzle ORM · PostgreSQL
 📙 实践篇：分人群项目实战 
 [code] 
 📕 优质文章篇：精选学习资源 
 [code] 
## 参与贡献
- 如果你发现了一些问题，可以提Issue进行反馈，如果提完没有人回复你可以联系保姆团队的同学进行反馈跟进~
- 如果你想参与贡献本项目，可以提Pull request，如果提完没有人回复你可以联系保姆团队的同学进行反馈跟进~
- 如果你对 Datawhale 很感兴趣并想要发起一个新的项目，请按照Datawhale开源项目指南进行操作即可~
## 关注我们
 扫描下方二维码关注公众号：Datawhale 
## Star History
## LICENSE
 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。