Vibe Coding 从入门到工程落地：3个优质中文开源教程推荐

Vibe Coding 在过去一年持续升温，最近一个月更是强势扩散到非程序员群体，普及速度远超预期。

这个词最早由 Andrej Karpathy 在 2025 年 2 月提出。它可以概括为一种自然语言驱动的 AI 辅助开发方式：你描述目标，AI 先出初稿，你再补充约束、查看结果、运行测试，然后继续迭代优化。

Image

实际动手时，很多人会卡在更具体的问题上：需求怎么描述才足够清晰？上下文如何避免丢失？AI 修改后的代码由谁验证？项目文件一多，怎么防止它顺手改飞了关键模块？

因此，这里整理了 3 个中文教程和开源项目，尽量覆盖从入门、工程化到项目实战的不同阶段。

  1. vibe-coding-cn：先把 AI 编程的完整流程跑顺

Image

如果只选一个 Vibe Coding 项目快速上手，优先看它。

vibe-coding-cn 的关注点从单纯的提示词移向了完整的开发流程。

教程中反复强调 Prompt、Skill、Context、Quality Gate 和工程闭环，重点包括：任务如何拆解、上下文怎样喂给 AI、修改之后怎么验证、Git 如何介入整个修改过程。

新手入口也做得很顺畅。1 分钟快速开始并没有直接丢出安装命令，而是让用户先把提示词输入 ChatGPT、Claude 或 Gemini 网页版，检查操作系统、OpenAI／GitHub／Node.js／npm／包管理器的访问情况，以及是否已有 Codex 或 ChatGPT 订阅。

Image

前置条件确认完毕之后，再安装 Codex CLI。跑通以后，本地 Agent 会继续配置 Git、Node.js、Python、编辑器、项目依赖、测试命令和 Git 工作流。

这一步非常契合刚开始折腾 AI CLI 的人。很多问题其实不出在模型本身，而在于网络、Node、Python、Git、权限和终端环境。先用网页版 AI 做一次零依赖检查，再切到本地 Agent，能够少踩很多坑。

Image

这个项目适合已经接触过 Claude Code、Codex、Cursor，但经常被上下文、测试和提交流程卡住的同学。不过仓库中不少做法仍带有实验色彩，照着跑之前最好核对一下当前工具版本和本机环境。

项目地址：https://github.com/tradecatlabs/vibe-coding-cn

  1. AIGuide：补齐 AI 应用开发的工程判断力

Image

把它放在第二步，是因为 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、Loop；AI 系统设计则讲解网关、限流、fallback、成本、观测、安全和灰度。

Image

其中不少内容可以直接用于业务开发。比如大模型 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 推荐等内容。对有业务开发经验的人来说，它更适合用来补齐工程习惯：写接口、改页面、补测试、做重构、排查问题。

Image

项目地址：https://github.com/Snailclimb/AIGuide

  1. easy-vibe：从第一个项目做起的交互式课程

Image

这个项目更贴合完全新手、产品经理、学生、独立开发者，以及希望跟着课程做出第一个应用的人。

Image

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 语言覆盖，内容涵盖产品原型、全栈开发和跨平台开发。

Image

课程路线分为三个阶段：

  1. Stage 1 聚焦产品原型，包含学习地图、AI IDE、需求验证、产品原型、AI 能力集成和完整项目练习。
  2. Stage 2 进入全栈开发，覆盖前端设计、组件库、Git、数据库、Supabase、后端 API、部署、Stripe 和支付系统。
  3. 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 快速理解仓库结构并定位教程内容。教程长度越大，这个入口越有价值。

Image

本地运行也很简单：

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 一下，未来需要时能少翻半天收藏夹。