Vibe Vibe 全民 AI 教程

★ 5.9k入门教程
GitHub 仓库
#course#chinese#fullstack

简介

Datawhale 出品的国内首个系统化 Vibe Coding 开源教程（5.9k+ star，www.vibevibe.cn），面向零基础学习者，从「我有一个想法」走到「我做出了一个产品」。它践行 Karpathy 的理念——从 Coder 到 Commander，通过自然语言与 AI 对话，让编程从「写代码」变成「对话式创作」。教程按基础篇、进阶篇、实践篇、优质文章篇四大板块渐进展开。

适合人群

编程零基础者、大学生、创业者、传统程序员，以及任何想用 AI 快速把想法变成产品的人。

核心内容

  1. 01学习路径设计：先按你的起点选入口

    README 为不同人群划了推荐起点：完全零基础从「基础篇 → 第 1 章 觉醒」开始；用过 ChatGPT 但没做过项目的人从「第 2 章 心法」入手；有编程基础的快速浏览基础篇后直接进进阶篇；想直接动手的从「第 4 章 实战」切入；想找项目练手的去实践篇。

  2. 02基础篇：从觉醒到第一个作品

    基础篇共 5 章：觉醒（为什么现在是编程最好的时代、工具选型、3 分钟做出第一个网页）、心法（像产品经理一样思考、MVP 思维、灵魂三问）、技法（提示词工程、把想法变成用户旅程、写第一份 PRD）、实战（环境准备、先做静态页面再注入逻辑、Debug 指南）、精进（从「能用」到「好用」、上线、安全意识、Vibe Coding 的能与不能）。

  3. 03进阶篇：从 0 到上线的避坑指南

    进阶篇以完整的产品交付流程为主线共 16 章：环境搭建、PRD 与文档驱动开发、UI/UX、环境变量与安全、数据库、测试、Git、无服务器部署与 CI/CD、域名与网络、云服务器运维、SEO 与数据统计、用户反馈迭代。技术栈为 Next.js 16 + React + TypeScript + Tailwind CSS + shadcn/ui + Drizzle ORM + PostgreSQL。

  4. 04实践篇与优质文章篇

    实践篇按人群分项目实战（文科生/商科生做内容创作与数据展示、理工科做算法可视化与数据处理、职场人士做工作流自动化），进阶部分覆盖上线应用、AI Agent（RAG、向量数据库、MCP）、全栈 SaaS 与移动应用。优质文章篇精选 OpenAI、Anthropic、Vercel 等技术博客、播客、研究报告与 Newsletter，保持行业敏感度。

  5. 05私有化部署与在线 IDE 预告

    教程站点本身提供了 Dockerfile 与 docker-compose.yml，一条命令即可在本地或内网部署阅读；团队还预告了带云端 IDE（内置 Node.js/Python/Docker 环境）与 50+ 个预装 AI Skills 的在线开发环境，把学习门槛降到最低。

实践建议

  • 先对号入座选起点：零基础就从基础篇第 1 章一路读完，别一上来就啃进阶篇。
  • 基础篇第 3 章前先自己动手写一份 PRD（哪怕很简陋），你会发现后面让 AI 干活时它不再乱编。
  • 进阶篇每章都对应真实交付环节，建议跟着文档驱动开发那一章，把「先写文档再写代码」变成习惯。
  • 学完基础篇就去实践篇挑一个自己身份对应的项目做，做完再回头看进阶篇，理解会深很多。

配套工作流

方案 G：AI 编程工作流（需求到交付）方案 AX：Context Engineering 实操（把上下文喂对，让 AI 一次写对）方案 AY：从 Vibe 原型到 Viable 产品（上线前打磨清单）方案 AZ：AI 编程安全与测试体检（交付前必做）

同类资源