[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73674":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},73674,"vibe-vibe","datawhalechina\u002Fvibe-vibe","datawhalechina","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","https:\u002F\u002Fwww.vibevibe.cn",null,"Dockerfile",5427,434,27,10,0,56,132,436,168,38.92,false,"main",true,[26,27,28,29,30,31,32],"agent","agentic-ai","ai","coding-assistant","programming","vibe-coding","vibecoding","2026-06-12 02:03:16","\u003Cp align=\"center\">\n  \u003Ca href=\".\u002FREADME.en.md\">English\u003C\u002Fa> |\n  \u003Ca href=\".\u002FREADME.md\">\u003Cstrong>简体中文\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fdocs\u002Fpublic\u002Flogo.png\" width=\"100\" alt=\"Vibe Vibe\"\u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Vibe Vibe \u003C\u002Fh1>\n\n# Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南\n> **面向零编程基础学习者的 AI 辅助编程系统化教程，从「我有一个想法」到「我做出了一个产品」，让人人都能成为 Builder。**\n\n点击以访问教程主页：www.vibevibe.cn\n\n### 核心理念\n\n践行 OpenAI 联合创始人 **Andrej Karpathy** 提出的 Vibe Coding 理念——**从 Coder 到 Commander**：通过自然语言与 AI 对话，让编程从\"写代码\"转变为\"对话式创作\"。\n\n> *\"完全沉浸于编程的'氛围'中，忘记代码的存在。\"*\n\n### 快速开始\n\n📖 **在线阅读**：[www.vibevibe.cn](https:\u002F\u002Fwww.vibevibe.cn)\n\n| 你是谁 | 推荐起点 |\n|-------|---------|\n| 完全零基础 | 基础篇 → 第1章 觉醒 |\n| 用过 ChatGPT 等大语言模型工具但没做过项目 | 基础篇 → 第2章 心法 |\n| 有编程基础想学 Vibe Coding | 基础篇快速浏览 → 进阶篇 |\n| 想直接动手做项目 | 基础篇 → 第4章 实战 |\n| 想找项目练手 | 实践篇 |\n\n### 私有化部署\n\n如果你想在本地或内网环境部署本教程站点，仓库已经提供了可直接使用的 `Dockerfile` 和 `docker-compose.yml`：\n\n```bash\ndocker compose up -d --build\n```\n\n默认访问地址为 `http:\u002F\u002Flocalhost:1024`。\n\n更完整的部署方式、静态文件部署方案和离线环境注意事项，请查看[部署指南](.\u002Fdocs\u002Fdeployment\u002Findex.md)。\n\n### 教程定位\n\n国内首个系统化的 Vibe Coding 开源教程，分为四大板块：\n\n| 板块 | 定位 | 适合人群 |\n|-----|------|---------|\n| 📘 **基础篇** | AI 编程入门 + 心法 + 第一个项目 | 完全零基础、用过 ChatGPT 但没做过项目 |\n| 📗 **进阶篇** | 16章\"序言可阅读\" · 从0到上线的避坑指南 | 想了解完整项目交付流程的开发者 |\n| 📙 **实践篇** | 分人群项目实战 + 进阶技能训练 | 想通过动手练习巩固所学 |\n| 📕 **优质文章篇** | 精选学习资源 + 行业前沿追踪 | 想持续学习、保持行业敏感度 |\n\n- **为什么需要这份教程？** Vibe Coding 已成为全球趋势（越来越多的创业公司大部分代码由 AI 辅助生成），但国内学习资源碎片化严重，缺乏系统化、零基础友好、包含完整进阶路径的教程。\n\n- **适合人群**：编程零基础者、大学生、创业者、传统程序员、职场人士，任何想用 AI 快速实现想法、提升工作效率或学习新范式的人。\n\n### 进阶版预告：在线 IDE + Skills\n\n我们即将推出**在线开发环境**，无需本地配置环境，打开浏览器即可开始学习：\n\n- **云端 IDE** —— 内置完整的 Node.js 24、Python、Docker 等开发环境\n- **50+ AI Skills** —— 预装丰富的 AI 辅助技能包，覆盖开发全流程\n- **开箱即用** —— 无需安装任何软件，登录即可开始编程实践\n\n让学习门槛降到最低，敬请期待！\n\n### 学习产出\n\n| 阶段 | 你将获得 |\n|-----|---------|\n| **基础篇** | 掌握 Vibe Coding 心法 · 用自然语言指挥 AI · 独立完成项目 · 部署上线能力 |\n| **进阶篇** | 现代全栈技术栈 · 前后端架构 · 用户系统开发 · 生产级部署 · 工程化思维 |\n\n## 贡献者名单\n\n| 姓名 | 职责 | 简介 |\n| :----| :---- | :---- |\n| [符航康](https:\u002F\u002Fwww.hangkangfu.cn) | 项目负责人 & 核心贡献者 | 一位 AI 时代的原住民|\n| [齐国皓](https:\u002F\u002Fwww.guohaoqi.cn) | 项目负责人 & 核心贡献者 | 现就读于新加坡国立大学计算机学院, 湖南大学金融科技协会创始人|\n| 刘磊 | 「实践篇」贡献者、图像贡献者 | 中国科学院大学，一枚在职后端 Coder，热爱 Vibe，崇尚分享。 |\n| 陈俊希 | 「优质文章篇」板块贡献者 | 湖南大学金融科技协会会长，湖南大学金融与统计学院24级本科生 |\n| 金龙   |「实践篇」板块贡献者  | 北京大学学生创新学社AI俱乐部副部长，北京大学24级研究生|\n| 舒璐璐 | 「实践篇」板块贡献者 | 湖南大学「麓山人文+」创始人，湖南大学岳麓书院23级本科生 |\n\n## 目录\n\n本教程分为**四大板块**，采用渐进式学习路径设计（点击展开详细目录）：\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📘 基础篇：Vibe Coding 启示录（写给所有人的 AI 编程入门）\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n基础篇目录\n│\n├── 写在最前面\n│   └── 找到你的位置\n│\n├── 第1章：觉醒 —— 为什么现在是编程最好的时代\n│   ├── 1.1 编程已死，编程永生：从 Coder 到 Commander\n│   ├── 1.2 核心概念：Vibe Coding 与 Spec Coding 详解\n│   ├── 1.3 破除迷信：不懂英文、数学不好也能写代码吗？\n│   ├── 1.4 工具初探：Cursor、Windsurf、Bolt.new 与 Replit 选型指南\n│   └── 1.5 Hello World：你的第一个 3 分钟 AI 网页\n│\n├── 第2章：心法 —— 像产品经理一样思考\n│   ├── 2.1 拒绝功能堆砌：为什么你的 AI 写不出复杂的 App？\n│   ├── 2.2 MVP 思维：如何设计一个\"能跑的最小版本\"\n│   ├── 2.3 灵魂三问：用户是谁？痛点在哪？为何用你？\n│   └── 2.4 实战演练：拆解一个\"背单词软件\"的想法\n│\n├── 第3章：技法 —— 与 AI 对话的艺术\n│   ├── 3.1 提示词工程基础：Context is King\n│   ├── 3.2 用户旅程地图：把想法变成 AI 能懂的路径\n│   ├── 3.3 编写第一份 PRD：让 AI 不再胡编乱造\n│   └── 3.4 功能优先级 P0\u002FP1\u002FP2：学会对 AI 说\"这个先不做\"\n│\n├── 第4章：实战 —— 从 0 到 1 开发个人工具\n│   ├── 4.1 环境准备：无需命令行的开发环境搭建\n│   ├── 4.2 第一轮：生成静态页面 —— 先看\"脸\"\n│   ├── 4.3 第二轮：注入逻辑与交互 —— 再长\"脑\"\n│   ├── 4.4 第三轮：数据存储基础\n│   └── 4.5 Debug 指南：当 AI 报错时，如何用 AI 修复 AI\n│\n├── 第5章：精进 —— 从\"能用\"到\"好用\"\n│   ├── 5.1 后悔药：代码改崩了怎么办\n│   ├── 5.2 见世面：把网页发到互联网上\n│   ├── 5.3 护城河：AI 时代的安全意识\n│   ├── 5.4 再进化：项目的持续迭代与优化\n│   ├── 5.5 知边界：Vibe Coding 的能与不能\n│   └── 5.6 启程前：本章总结与进阶预告\n│\n├── 结语：给未来的你\n│\n├── 下部预告：Vibe Coding 全栈实战教程\n│\n└── 附录\n    ├── A. Prompt 速查清单\n    ├── B. 常见错误与解决方案速查表\n    ├── C. 术语表（中英对照）\n    ├── D. 工具对比速查表\n    └── E. 项目 idea 清单\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📗 进阶篇：从0到上线的避坑指南\u003C\u002Fb>\u003C\u002Fsummary>\n\n本篇以**完整的产品交付流程**为主线，共16章，每章序言均可阅读：\n\n```\n进阶篇目录\n│\n├── 第1章：环境搭建、代码形态与包管理器\n├── 第2章：开发工具与 AI 调教\n├── 第3章：PRD 与文档驱动开发\n├── 第4章：开发常识与技术栈\n├── 第5章：代码运行状态与构建原理\n├── 第6章：界面（UI）与交互（UX）\n├── 第7章：环境变量与安全机制\n├── 第8章：数据持久化与数据库\n├── 第9章：功能测试流程与自动化脚本\n├── 第10章：Localhost 与公网访问\n├── 第11章：Git 版本控制与跨平台协作\n├── 第12章：无服务器部署与 CI\u002FCD 自动化\n├── 第13章：域名解析原理与网络接入\n├── 第14章：云服务器运维与项目部署\n├── 第15章：SEO、分享与数据统计\n└── 第16章：用户反馈与产品迭代\n```\n\n**技术栈**：Next.js 16 · React · TypeScript · Tailwind CSS · shadcn\u002Fui · Drizzle ORM · PostgreSQL\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📙 实践篇：分人群项目实战\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n实践篇目录\n│\n├── 基础板块（按人群分类）\n│   ├── 文科生\u002F商科生项目 —— 内容创作、数据展示类\n│   ├── 理工科学生项目 —— 算法可视化、数据处理类\n│   └── 职场人士项目 —— 工作流自动化、效率提升类\n│\n└── 进阶板块（基于 Sean's Stories 系列）\n    ├── 核心技能 —— 上线应用、数据库、后端部署、用户认证\n    ├── AI Agent 开发 —— RAG、向量数据库、MCP 集成\n    ├── 全栈项目实战 —— SaaS、地图应用、移动应用\n    └── 工具与效率 —— n8n、GitHub 工作流、React\u002FTS 进阶\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>📕 优质文章篇：精选学习资源\u003C\u002Fb>\u003C\u002Fsummary>\n\n```\n优质文章篇目录\n│\n├── 知名公司博客 —— OpenAI、Anthropic、Vercel 等技术博客\n├── 优质播客 —— AI、开发者、创业者相关播客推荐\n├── 研究报告 —— AI 发展报告、开发者调查、行业趋势\n├── 优质 Newsletter —— 值得订阅的技术周刊\n└── 开发者社区 —— Discord、Twitter、GitHub 优质资源\n```\n\n\u003C\u002Fdetails>\n\n## 参与贡献\n\n- 如果你发现了一些问题，可以提Issue进行反馈，如果提完没有人回复你可以联系[保姆团队](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md)的同学进行反馈跟进~\n- 如果你想参与贡献本项目，可以提Pull request，如果提完没有人回复你可以联系[保姆团队](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FOP.md)的同学进行反馈跟进~\n- 如果你对 Datawhale 很感兴趣并想要发起一个新的项目，请按照[Datawhale开源项目指南](https:\u002F\u002Fgithub.com\u002Fdatawhalechina\u002FDOPMC\u002Fblob\u002Fmain\u002FGUIDE.md)进行操作即可~\n\n## 关注我们\n\n\u003Cdiv align=center>\n\u003Cp>扫描下方二维码关注公众号：Datawhale\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fdatawhalechina\u002Fpumpkin-book\u002Fmaster\u002Fres\u002Fqrcode.jpeg\" width = \"180\" height = \"180\">\n\u003C\u002Fdiv>\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=datawhalechina\u002Fvibe-vibe&type=Date)](https:\u002F\u002Fstar-history.com\u002F#datawhalechina\u002Fvibe-vibe&Date)\n\n## LICENSE\n\n\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">\u003Cimg alt=\"知识共享许可协议\" style=\"border-width:0\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-CC%20BY--NC--SA%204.0-lightgrey\" \u002F>\u003C\u002Fa>\u003Cbr \u002F>本作品采用\u003Ca rel=\"license\" href=\"http:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F\">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议\u003C\u002Fa>进行许可。\n","Vibe Vibe 是一个面向零编程基础学习者的 AI 辅助编程系统化教程，旨在帮助用户从零基础到全栈实战，借助 AI 实现自己的想法与创意。该项目的核心功能包括通过自然语言与 AI 对话，使编程从“写代码”转变为“对话式创作”，从而降低编程门槛。技术特点上，项目提供了 Dockerfile 和 docker-compose.yml 以支持本地或内网环境的私有化部署。适合完全零基础的学习者、用过 ChatGPT 等大语言模型工具但没有做过项目的用户，以及希望提升工作效率的传统程序员和职场人士使用。无论是想要入门 AI 编程还是寻找实战项目的开发者，都能在本教程中找到合适的学习路径。",2,"2026-06-11 03:46:53","high_star"]