# vibe-vibe **Repository Path**: bibi100/vibe-vibe ## Basic Information - **Project Name**: vibe-vibe - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-08 - **Last Updated**: 2026-01-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南 > **面向零编程基础学习者的 AI 辅助编程系统化教程，从「我有一个想法」到「我做出了一个产品」，让人人都能成为 Builder。** - 点击以访问教程主页：www.vibevibe.cn
Star History Chart
### 核心理念 践行 OpenAI 联合创始人 **Andrej Karpathy** 提出的 Vibe Coding 理念——**从 Coder 到 Commander**：通过自然语言与 AI 对话，让编程从"写代码"转变为"对话式创作"。 > *"完全沉浸于编程的'氛围'中，忘记代码的存在。"* ### 快速开始 📖 **在线阅读**：[www.vibevibe.cn](https://www.vibevibe.cn) | 你是谁 | 推荐起点 | |-------|---------| | 完全零基础 | 基础篇 → 第1章 觉醒 | | 用过 ChatGPT 等大语言模型工具但没做过项目 | 基础篇 → 第2章 心法 | | 有编程基础想学 Vibe Coding | 基础篇快速浏览 → 进阶篇 | | 想直接动手做项目 | 基础篇 → 第4章 实战 | | 想找项目练手 | 实践篇 | ### 教程定位 国内首个系统化的 Vibe Coding 开源教程，分为四大板块： | 板块 | 定位 | 适合人群 | |-----|------|---------| | 📘 **基础篇** | AI 编程入门 + 心法 + 第一个项目 | 完全零基础、用过 ChatGPT 但没做过项目 | | 📗 **进阶篇** | 全栈技术栈 + 工程化 + 生产级部署 | 想深入学习、有一定编程基础想转型 | | 📙 **实践篇** | 分人群项目实战 + 进阶技能训练 | 想通过动手练习巩固所学 | | 📕 **优质文章篇** | 精选学习资源 + 行业前沿追踪 | 想持续学习、保持行业敏感度 | - **为什么需要这份教程？** Vibe Coding 已成为全球趋势（越来越多的创业公司大部分代码由 AI 辅助生成），但国内学习资源碎片化严重，缺乏系统化、零基础友好、包含完整进阶路径的教程。 - **适合人群**：编程零基础者、大学生、创业者、传统程序员、职场人士——任何想用 AI 快速实现想法、提升工作效率或学习新范式的人。 ### 学习产出 | 阶段 | 你将获得 | |-----|---------| | **基础篇** | 掌握 Vibe Coding 心法 · 用自然语言指挥 AI · 独立完成项目 · 部署上线能力 | | **进阶篇** | 现代全栈技术栈 · 前后端架构 · 用户系统开发 · 生产级部署 · 工程化思维 | ## 贡献者名单 | 姓名       | 职责 | 简介 | | :----| :---- | :---- | | [齐国皓](https://www.guohaoqi.cn) | 项目负责人 & 核心贡献者 | 现就读于新加坡国立大学计算机学院, 湖南大学金融科技协会创始人| | [符航康](https://www.hangkangfu.cn) | 项目负责人 & 核心贡献者 | 湖南大学金融科技协会创始成员, 一名 AI 原生的年轻人，湖南大学信息科学与工程学院24级本科生| | 陈俊希 | 「优质文章篇」板块贡献者 | 湖南大学金融科技协会现任会长，湖南大学金融与统计学院24级本科生 | | 金龙 |「实践篇」板块贡献者 | 北京大学学生创新学社AI俱乐部副部长，北京大学24级研究生| | 舒璐璐 | 「实践篇」板块贡献者 | 湖南大学「麓山人文+」创始人，湖南大学岳麓书院23级本科生 | | 刘磊 | 「优质文章篇」、「实践篇」贡献者 | 中国科学院大学，一枚在职后端 Coder，热爱 Vibe，崇尚分享。 | ## 目录 本教程分为**四大板块**，采用渐进式学习路径设计（点击展开详细目录）：
📘 基础篇：Vibe Coding 启示录（写给所有人的 AI 编程入门） ``` 基础篇目录 │ ├── 写在最前面 │ └── 找到你的位置 │ ├── 第1章：觉醒 —— 为什么现在是编程最好的时代 │ ├── 1.1 编程已死，编程永生：从 Coder 到 Commander │ ├── 1.2 核心概念：Vibe Coding 与 Spec Coding 详解 │ ├── 1.3 破除迷信：不懂英文、数学不好也能写代码吗？ │ ├── 1.4 工具初探：Cursor、Windsurf、Bolt.new 与 Replit 选型指南 │ └── 1.5 Hello World：你的第一个 3 分钟 AI 网页 │ ├── 第2章：心法 —— 像产品经理一样思考 │ ├── 2.1 拒绝功能堆砌：为什么你的 AI 写不出复杂的 App？ │ ├── 2.2 MVP 思维：如何设计一个"能跑的最小版本" │ ├── 2.3 灵魂三问：用户是谁？痛点在哪？为何用你？ │ └── 2.4 实战演练：拆解一个"背单词软件"的想法 │ ├── 第3章：技法 —— 与 AI 对话的艺术 │ ├── 3.1 提示词工程基础：Context is King │ ├── 3.2 用户旅程地图：把想法变成 AI 能懂的路径 │ ├── 3.3 编写第一份 PRD：让 AI 不再胡编乱造 │ └── 3.4 功能优先级 P0/P1/P2：学会对 AI 说"这个先不做" │ ├── 第4章：实战 —— 从 0 到 1 开发个人工具 │ ├── 4.1 环境准备：无需命令行的开发环境搭建 │ ├── 4.2 第一轮：生成静态页面 —— 先看"脸" │ ├── 4.3 第二轮：注入逻辑与交互 —— 再长"脑" │ ├── 4.4 第三轮：数据存储基础 │ └── 4.5 Debug 指南：当 AI 报错时，如何用 AI 修复 AI │ ├── 第5章：精进 —— 从"能用"到"好用" │ ├── 5.1 后悔药：代码改崩了怎么办 │ ├── 5.2 见世面：把网页发到互联网上 │ ├── 5.3 护城河：AI 时代的安全意识 │ ├── 5.4 再进化：项目的持续迭代与优化 │ ├── 5.5 知边界：Vibe Coding 的能与不能 │ └── 5.6 启程前：本章总结与进阶预告 │ ├── 结语：给未来的你 │ ├── 下部预告：Vibe Coding 全栈实战教程 │ └── 附录 ├── A. Prompt 速查清单 ├── B. 常见错误与解决方案速查表 ├── C. 术语表（中英对照） ├── D. 工具对比速查表 └── E. 项目 idea 清单 ```
📗 进阶篇：Vibe Coding 全栈实战教程 ``` 进阶篇目录 │ ├── 第0章：Bootcamp（零基础概念打底） │ ├── 0.0 课程概念定义：术语表与课程范围 │ ├── 0.1 计算机与操作系统基础：文件/进程/端口/路径/权限 │ ├── 0.2 命令行入门：pwd/ls/cd/cat/grep/nano │ ├── 0.3 前端三件套：HTML/CSS/JS 基础语法与作用 │ ├── 0.4 开发环境配置：Node.js、包管理器与工具链 │ ├── 0.5 JS → TS 思维转换 │ ├── 0.6 开发安全底线 │ └── 0.7 Docker 核心概念 │ ├── 第1章：概念与准备（从思维到工具） │ ├── 1.1 工具装配与最小项目验证 │ ├── 1.2 Vibe Coding 心法 │ ├── 1.3 最小上线实战与 1Panel 部署 │ ├── 1.4 AI 协作工作流实战与最佳实践 │ └── 1.5 工具链与环境 │ ├── 第2章：技术选型与架构蓝图 │ ├── 2.0 技术栈全景 │ ├── 2.1 Next.js + TS + Prisma + OSS 架构全景 │ ├── 2.2 Next.js 渲染策略全景（CSR/SSR/SSG/ISR） │ ├── 2.3 Next.js 核心概念深入 │ ├── 2.4 前后端协作：接口契约/API Route │ ├── 2.5 架构分层详解 │ └── 2.6 拓展：Supabase 适用与取舍 │ ├── 第3章：前端到后端（把页面跑起来） │ ├── 3.1 App Router：文件路由与数据获取 │ ├── 3.2 前端构建块：组件/状态/路由/数据获取 │ ├── 3.3 Figma 集成实战与 AI 协作 │ ├── 3.4 Tailwind + shadcn/ui：统一设计体系 │ ├── 3.5 Debug 实战：断点/Network/日志 │ ├── 3.6 API Route 与服务层分离 │ ├── 3.7 可用性：错误/空态/加载骨架 │ └── 3.8 可访问性/UX 原则/i18n │ ├── 第4章：数据库与数据生命周期 │ ├── 4.1 数据建模与 ER 图 │ ├── 4.2 关系型数据库：CRUD/索引/事务 │ ├── 4.3 SQL 基础操作 │ ├── 4.4 Prisma 实战 │ └── 4.5 数据迁移与版本管理 │ ├── 第5章：产品文档与沟通规范 │ ├── 第6章：用户认证与权限 │ ├── 6.1 NextAuth.js 快速上手 │ ├── 6.2 认证与授权安全实践 │ ├── 6.3 API 安全防护实践 │ ├── 6.4 常见 Web 安全威胁与防护 │ └── 6.5 第三方登录集成（微信/QQ/钉钉） │ ├── 第7章：API 设计与开发规范 │ ├── 7.1 HTTP 与 API 方法/幂等/重试 │ ├── 7.2 REST 最小原则与错误返回 │ ├── 7.3 API 文档：Swagger/Postman │ └── 7.4 API 版本管理与兼容性 │ ├── 第8章：项目规则与协作 │ ├── 8.1 Git 基本流程 │ ├── 8.2 分支策略与分支保护 │ ├── 8.3 提交规范：Conventional Commits │ ├── 8.4 .gitignore 管理 │ └── 8.5 文档与评审流程 │ ├── 第9章：测试与质量 │ ├── 9.1 测试金字塔 │ ├── 9.2 测试环境与隔离 │ ├── 9.3 单元测试/集成测试：Jest │ ├── 9.4 错误处理与日志规范 │ └── 9.5 CI 质量门禁与 GitHub Actions │ ├── 第10章：部署与运维 │ ├── 10.1 云服务/网络/域名/证书 │ ├── 10.2 1Panel 可视化部署 │ ├── 10.3 Docker Compose 编排 │ ├── 10.4 反向代理与负载均衡 │ └── 10.5 监控与日志 │ ├── 第11章：发布、复盘与教学沉淀 │ ├── 11.1 语义化版本与发布流 │ ├── 11.2 GitHub Actions 部署 │ ├── 11.3 课程化产出 │ └── 11.4 复盘模板 │ └── 第12章：高级专题与优化 ├── 12.1 Node 进程与事件循环 ├── 12.2 SEO：SSR/Meta/站点地图 ├── 12.3 Vercel AI SDK 与流式响应 ├── 12.4 WebSockets 实时通信 ├── 12.5 文件分片传输 ├── 12.6 爬虫基础 └── 12.7 版本化与变更日志 ```
📙 实践篇：分人群项目实战 ``` 实践篇目录 │ ├── 基础板块（按人群分类） │ ├── 文科生/商科生项目 —— 内容创作、数据展示类 │ ├── 理工科学生项目 —— 算法可视化、数据处理类 │ └── 职场人士项目 —— 工作流自动化、效率提升类 │ └── 进阶板块（基于 Sean's Stories 系列） ├── 核心技能 —— 上线应用、数据库、后端部署、用户认证 ├── AI Agent 开发 —— RAG、向量数据库、MCP 集成 ├── 全栈项目实战 —— SaaS、地图应用、移动应用 └── 工具与效率 —— n8n、GitHub 工作流、React/TS 进阶 ```
📕 优质文章篇：精选学习资源 ``` 优质文章篇目录 │ ├── 知名公司博客 —— OpenAI、Anthropic、Vercel 等技术博客 ├── 优质播客 —— AI、开发者、创业者相关播客推荐 ├── 研究报告 —— AI 发展报告、开发者调查、行业趋势 ├── 优质 Newsletter —— 值得订阅的技术周刊 └── 开发者社区 —— Discord、Twitter、GitHub 优质资源 ```
## 参与贡献 - 如果你发现了一些问题，可以提Issue进行反馈，如果提完没有人回复你可以联系[保姆团队](https://github.com/datawhalechina/DOPMC/blob/main/OP.md)的同学进行反馈跟进~ - 如果你想参与贡献本项目，可以提Pull request，如果提完没有人回复你可以联系[保姆团队](https://github.com/datawhalechina/DOPMC/blob/main/OP.md)的同学进行反馈跟进~ - 如果你对 Datawhale 很感兴趣并想要发起一个新的项目，请按照[Datawhale开源项目指南](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md)进行操作即可~ ## 关注我们

扫描下方二维码关注公众号：Datawhale

## LICENSE 知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。