推荐 3 个 Vibe Coding 中文开源教程,从入门到实战

Vibe Coding 最近一年都很火,最近一个月更是强势扩散到了非程序员圈子里,普及率越来越高了!

这个词最早由 Andrej Karpathy 在 2025 年 2 月提出。我们可以把它概括为一种自然语言驱动的 AI 辅助开发方式:你描述目标,AI 先给初稿,你再补约束、看结果、跑测试,继续往下迭代。

但真要上手,很多人会卡在更具体的问题上:需求怎么说清楚?上下文怎么别丢?AI 改完的代码谁来验?项目文件一多,怎么防止它顺手改飞?

所以小金整理了 3 个中文教程和开源项目,尽量覆盖从入门、工程化到项目实战的不同阶段。

1. vibe-coding-cn:先把 AI 编程流程跑顺

如果只看一个 Vibe Coding 项目,我会推荐先看它。

vibe-coding-cn把重点从提示词挪到了流程。

教程中反复提到 PromptSkillContextQuality 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,但经常被上下文、测试和提交流程卡住的人。不过仓库里不少做法还带实验色彩,照着跑之前最好核对当前工具版本和本机环境。

项目地址:github.com/tradecatlab...

2. 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、Loop;AI 系统设计会讲网关、限流、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 推荐等内容。对有业务开发经验的人来说,它更适合用来补工程习惯:写接口、改页面、补测试、做重构、排查问题。

项目地址:github.com/Snailclimb/...

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

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

easy-vibe 的入口文案很直白:会说话就会做应用。README 写到教程支持 10 种语言,包含 zh-cnenzh-twja-jpko-kres-esfr-frde-dear-savi-vn。2026-06-17 的更新说明里还提到,Stages 1-3 已完成 10 语言覆盖,内容覆盖产品原型、全栈开发和跨平台开发。

课程路线分成三段:

  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 快速理解仓库结构,找到对应教程内容。教程越长,这个入口越有用。

本地运行也简单。

npm install npm run dev

然后打开 http://localhost:3000

easy-vibe 最适合先做出来。比如 Stage 2 的大项目里有 AI 文案网站,包含登录、生成、计费和后台管理;后端部分还覆盖 Stripe 和微信小程序后端工作流。对新手来说,先完成一个能演示的项目,比先啃一堆概念更容易建立手感。

如果你已经有比较多工程经验,easy-vibe 前半段可能会偏基础。它是一条课程路线:先拿到第一次成功,再慢慢补全栈和 Agent 工作流。想直接研究上下文、质量门禁、Git 闭环,第一个项目会更集中。

项目地址:github.com/datawhalech...

怎么选

已经在用 Claude Code、Codex、Cursor,但经常遇到上下文乱、改动失控、测试跟不上,先看 vibe-coding-cn

想把 AI 编程放进真实业务系统,补 LLM、RAG、Agent、MCP、评测和系统设计,接着看 AIGuide

如果你是新手,或者想从产品原型、全栈项目、跨平台应用一步步做起来,easy-vibe更容易给你第一轮正反馈。

Vibe Coding 最吸引人的地方,是它能把想法很快推到可运行状态;最容易翻车的地方,也在这里。低风险原型可以大胆试,准备给别人用的时候,代码审查、依赖检查、测试、权限、隐私和成本都要补上。

这 3 个项目可以分着看:先学会和 AI 协作,再补工程判断,再拿项目练手。顺手 Star 一下,后面需要时能少翻半天收藏夹。

相关推荐
plainGeekDev1 小时前
别再说 Claude Code 上下文不够用了,是你没管好
aigc·ai编程
牛奶1 小时前
AI 能赚钱了——但赚的不是你
人工智能·ai编程·nvidia
用户23006739704852 小时前
从 Vibe Coding 到 SDD,我的AI 辅助编程工程化实践
vibecoding
ZJPRENO5 小时前
美团 LongCat-2.0 完整发布解读(2026.6.30 正式发布)
ai编程
ClouGence5 小时前
Vibe Coding 之后,UI 测试如何跟上开发速度?
测试·vibecoding
沉默王二6 小时前
国产版Codex?阿里QoderWork有点东西,设计出来的Codex+Claude Code学习网站好看啊(附教程,超简单)
openai·agent·ai编程
Coffeeee6 小时前
Prompt要花心思写,与 AI 对话的七个技巧
人工智能·aigc·ai编程