推荐 3 个 Vibe Coding 中文开源教程,从入门到实战
Vibe Coding 最近一年都很火最近一个月更是强势扩散到了非程序员圈子里普及率越来越高了这个词最早由 Andrej Karpathy 在 2025 年 2 月提出。我们可以把它概括为一种自然语言驱动的 AI 辅助开发方式你描述目标AI 先给初稿你再补约束、看结果、跑测试继续往下迭代。但真要上手很多人会卡在更具体的问题上需求怎么说清楚上下文怎么别丢AI 改完的代码谁来验项目文件一多怎么防止它顺手改飞所以小金整理了 3 个中文教程和开源项目尽量覆盖从入门、工程化到项目实战的不同阶段。1. vibe-coding-cn先把 AI 编程流程跑顺如果只看一个 Vibe Coding 项目我会推荐先看它。vibe-coding-cn把重点从提示词挪到了流程。教程中反复提到Prompt、Skill、Context、Quality Gate和工程闭环主要讲了这些内容任务怎么拆上下文怎么给AI 改完以后怎么验Git 怎么参与修改过程。它的新手入口也比较顺。1 分钟快速开始没有直接甩安装命令第一步是把提示词丢给 ChatGPT、Claude 或 Gemini 网页版检查操作系统、OpenAI/GitHub/Node.js/npm/包管理器访问情况以及是否已有 Codex 或 ChatGPT 订阅。前置条件确认完再安装 Codex CLI。跑通后本地 Agent 继续配置 Git、Node.js、Python、编辑器、项目依赖、测试命令和 Git 工作流。这一步很适合刚开始折腾 AI CLI 的人。很多问题其实不在模型而在网络、Node、Python、Git、权限和终端环境。先用网页 AI 做零依赖检查再切到本地 Agent能少走一些弯路。它适合已经开始用 Claude Code、Codex、Cursor但经常被上下文、测试和提交流程卡住的人。不过仓库里不少做法还带实验色彩照着跑之前最好核对当前工具版本和本机环境。项目地址https://github.com/tradecatlabs/vibe-coding-cn2. AIGuide补上 AI 应用开发的判断力把它放在第二个是因为 Vibe Coding 不能只靠“会提需求”。AI 写出的代码能不能进业务系统还要看你是否理解 LLM、RAG、Agent、MCP、评测和系统设计。AIGuide 是一份 AI 应用开发目录。它面向后端、前端、测试、架构师、技术管理者和产品技术同学内容围绕 LLM、Agent、RAG、MCP、Prompt、评测、系统设计、Claude Code、Codex 展开。它按学习顺序组织内容大模型基础讲 Token、上下文窗口、采样参数、API 调用、结构化输出和评测RAG 部分补文档处理、向量检索、更新链路和评测Agent 部分重点看 Tool Calling、Memory、MCP、Skills、Workflow、Graph、LoopAI 系统设计会讲网关、限流、fallback、成本、观测、安全和灰度。里面不少内容能直接用在业务开发里。比如大模型 API 工程实践会讲流式输出、重试、限流、取消、幂等和异常处理结构化输出会讲 JSON Schema、Structured Outputs、Function Calling、MCP Tool 和服务端校验评测体系会讲 Golden Set、LLM-as-Judge、Trace 回放和 CI 回归。AIGuide 也有 AI 编程实战和技巧区覆盖 Claude Code、Codex、Cursor、Trae、Spec Coding、CLI vs IDE、多会话并行管理、Skills 推荐等内容。对有业务开发经验的人来说它更适合用来补工程习惯写接口、改页面、补测试、做重构、排查问题。项目地址https://github.com/Snailclimb/AIGuide3. easy-vibe从第一个项目做起的交互式课程这个项目更适合完全新手、产品经理、学生、独立开发者以及想跟着课程做出第一个应用的人。easy-vibe 的入口文案很直白会说话就会做应用。README 写到教程支持 10 种语言包含zh-cn、en、zh-tw、ja-jp、ko-kr、es-es、fr-fr、de-de、ar-sa、vi-vn。2026-06-17 的更新说明里还提到Stages 1-3 已完成 10 语言覆盖内容覆盖产品原型、全栈开发和跨平台开发。课程路线分成三段Stage 1 偏产品原型讲学习地图、AI IDE、需求验证、产品原型、AI 能力集成和完整项目练习。Stage 2 进入全栈开发覆盖前端设计、组件库、Git、数据库、Supabase、后端 API、部署、Stripe 和支付系统。Stage 3 更进阶包含 Claude Code、MCP、Skills、Agent Teams、长任务、Spec Coding以及微信小程序、Android、iOS、PWA、Chrome 扩展、Electron、VS Code 插件等跨平台项目。README 里还有个实用细节2026-03-02 增加了llms.txt方便 OpenClaw、Claude、Cursor、Trae 等 AI Agent 快速理解仓库结构找到对应教程内容。教程越长这个入口越有用。本地运行也简单。npm install npm run dev然后打开http://localhost:3000。easy-vibe 最适合先做出来。比如 Stage 2 的大项目里有 AI 文案网站包含登录、生成、计费和后台管理后端部分还覆盖 Stripe 和微信小程序后端工作流。对新手来说先完成一个能演示的项目比先啃一堆概念更容易建立手感。如果你已经有比较多工程经验easy-vibe 前半段可能会偏基础。它是一条课程路线先拿到第一次成功再慢慢补全栈和 Agent 工作流。想直接研究上下文、质量门禁、Git 闭环第一个项目会更集中。项目地址https://github.com/datawhalechina/easy-vibe怎么选已经在用 Claude Code、Codex、Cursor但经常遇到上下文乱、改动失控、测试跟不上先看vibe-coding-cn。想把 AI 编程放进真实业务系统补 LLM、RAG、Agent、MCP、评测和系统设计接着看AIGuide。如果你是新手或者想从产品原型、全栈项目、跨平台应用一步步做起来easy-vibe更容易给你第一轮正反馈。Vibe Coding 最吸引人的地方是它能把想法很快推到可运行状态最容易翻车的地方也在这里。低风险原型可以大胆试准备给别人用的时候代码审查、依赖检查、测试、权限、隐私和成本都要补上。这 3 个项目可以分着看先学会和 AI 协作再补工程判断再拿项目练手。顺手 Star 一下后面需要时能少翻半天收藏夹。