Zurück zum Ranking

datawhalechina/vibe-vibe

Dockerfilevibevibe.cn

AI for All: The First Systematic Vibe Coding Tutorial | From Zero to Full-Stack, Bring Your Ideas to Life | Live at: www.vibevibe.cn ;全民AI学习第一课,首个系统化 Vibe Coding 开源教程 | 零基础到全栈实战,让人人都能借助 AI 实现自己的想法与创意 | 在线地址:www.vibevibe.cn

agentagentic-aiaicoding-assistantprogrammingvibe-codingvibecoding
Sterne-Wachstum
Sterne
5.8k
Forks
467
Wochenwachstum
Issues
11
2k4k
Nov. 25Jan. 26Apr. 26Juli 26
README

English | 简体中文

Vibe Vibe

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章 实战
想找项目练手 实践篇

私有化部署

如果你想在本地或内网环境部署本教程站点,仓库已经提供了可直接使用的 Dockerfiledocker-compose.yml

docker compose up -d --build

默认访问地址为 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 编程入门)
基础篇目录
│
├── 写在最前面
│   └── 找到你的位置
│
├── 第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 清单
📗 进阶篇:从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

📙 实践篇:分人群项目实战
实践篇目录
│
├── 基础板块(按人群分类)
│   ├── 文科生/商科生项目 —— 内容创作、数据展示类
│   ├── 理工科学生项目 —— 算法可视化、数据处理类
│   └── 职场人士项目 —— 工作流自动化、效率提升类
│
└── 进阶板块(基于 Sean's Stories 系列)
    ├── 核心技能 —— 上线应用、数据库、后端部署、用户认证
    ├── AI Agent 开发 —— RAG、向量数据库、MCP 集成
    ├── 全栈项目实战 —— SaaS、地图应用、移动应用
    └── 工具与效率 —— n8n、GitHub 工作流、React/TS 进阶
📕 优质文章篇:精选学习资源
优质文章篇目录
│
├── 知名公司博客 —— OpenAI、Anthropic、Vercel 等技术博客
├── 优质播客 —— AI、开发者、创业者相关播客推荐
├── 研究报告 —— AI 发展报告、开发者调查、行业趋势
├── 优质 Newsletter —— 值得订阅的技术周刊
└── 开发者社区 —— Discord、Twitter、GitHub 优质资源

参与贡献

  • 如果你发现了一些问题,可以提Issue进行反馈,如果提完没有人回复你可以联系保姆团队的同学进行反馈跟进~
  • 如果你想参与贡献本项目,可以提Pull request,如果提完没有人回复你可以联系保姆团队的同学进行反馈跟进~
  • 如果你对 Datawhale 很感兴趣并想要发起一个新的项目,请按照Datawhale开源项目指南进行操作即可~

关注我们

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

Star History

Star History Chart

LICENSE

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

Ähnliche Repositories
Snailclimb/JavaGuide

Java 面试 & 后端通用面试指南,覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发

JavaScriptnpmApache License 2.0javainterview
javaguide.cn
157.2k46.2k
langgenius/dify

Build Agentic workflows, RAG pipelines, with rich AI model and tool support on one collaborative workspace. Deploy on cloud, VPC, or self-hosted, so teams move from prototype to production without rebuilding the stack.

TypeScriptnpmOtheraigpt
dify.ai
149.7k23.6k
TauricResearch/TradingAgents

TradingAgents: Multi-Agents LLM Financial Trading Framework

PythonPyPIApache License 2.0agentfinance
arxiv.org/pdf/2412.20138
94k18.2k
OpenHands/OpenHands

🙌 OpenHands: AI-Driven Development

PythonPyPIOtheragentartificial-intelligence
openhands.dev
81.6k10.4k
lobehub/lobehub

🤯 LobeHub is your Chief Agent Operator, organizing your agents into 7×24 operations by hiring, scheduling, and reporting on your entire AI team.

TypeScriptnpmOtherchatgptopenai
lobehub.com
80.6k15.7k
bytedance/deer-flow

An open-source long-horizon SuperAgent harness that researches, codes, and creates. With the help of sandboxes, memories, tools, skill, subagents and message gateway, it handles different levels of tasks that could take minutes to hours.

PythonPyPIMIT Licenseagentagentic
deerflow.tech
77.6k10.6k
dair-ai/Prompt-Engineering-Guide

🐙 Guides, papers, lessons, notebooks and resources for prompt engineering, context engineering, RAG, and AI Agents.

MDXMIT Licensedeep-learningprompt-engineering
promptingguide.ai
76.8k8.4k
hiyouga/LlamaFactory

Unified Efficient Fine-Tuning of 100+ LLMs & VLMs (ACL 2024)

PythonPyPIApache License 2.0fine-tuningllama
llamafactory.readthedocs.io
73.4k9k
shareAI-lab/learn-claude-code

Bash is all you need - A nano claude code–like 「agent harness」, built from 0 to 1

PythonPyPIMIT Licenseagentclaude-code
learn.shareai.run
71.9k11.7k
FoundationAgents/MetaGPT

🌟 The Multi-Agent Framework: First AI Software Company, Towards Natural Language Programming

PythonPyPIMIT Licenseagentgpt
atoms.dev
69.5k8.9k
unslothai/unsloth

Unsloth is a local UI for training and running Gemma 4, Qwen3.6, DeepSeek, Kimi, GLM and other models.

PythonPyPIApache License 2.0fine-tuningllama
unsloth.ai/docs
68.7k6.2k
datawhalechina/hello-agents

📚 《从零开始构建智能体》——从零开始的智能体原理与实践教程

PythonPyPIOtheragenttutorial
hello-agents.datawhale.cc
67.8k8.4k