Learn to code with AI, not just code by AI. 学习不仅仅是用 AI 写代码,而是掌握与 AI 共舞的艺术。
欢迎来到 Vibe Coding 的世界。本教程旨在帮助从零基础小白到资深开发者的每一个人,掌握 2026 年最核心的编程技能 —— AI 辅助编程 (Agentic Coding)。
在这里,你不再需要背诵枯燥的语法,不再需要独自面对满屏的红色报错。我们将教你如何化身为"技术指挥官",指挥 AI 军团构建你心目中的产品。
- 第 1 章:什么是 Vibe Coding? —— 告别传统编程,迎接自然语言编程时代。
- 第 2 章:工具链配置与环境搭建 —— Cursor、Windsurf 与核心模型选择 (Claude 4.5 / GPT-5.2)。
- 第 3 章:提示词基础 (CRCO 框架) —— 学会如何精准地向 AI 提问。
- 第 4 章:进阶提示词技巧 —— CoT、Few-Shot 与迭代调试法。
- 第 5 章:特定场景的提示词模板 —— 拿来即用的 Code Review、Refactor、Debug 模板。
- 🔥 提示词模板库 (Prompt Library) —— 一站式 Cheat Sheet。
- 第 6 章:实战项目 1 - 个人待办事项应用 (React) —— 你的第一个 Vibe App,体验玻璃拟态美学。
- 第 7 章:实战项目 2 - 天气查询应用 (API) —— 学习 API 集成、异步交互与错误处理。
- 第 8 章:实战项目 3 - 全栈博客系统 (Next.js) —— Schema-First 开发模式,挑战全栈开发。
- 第 9 章:建立你的 Vibe Coding 工作流 —— 从 Mini-PRD 到 P-G-R-R 循环。
- 第 10 章:Agent 模式与自动化 —— 让 AI 接管鼠标键盘,自主完成跨文件任务。
- 第 11 章:代码质量与安全 —— 识别 AI 幻觉,防范安全漏洞。
- 第 12 章:大型项目中的 Vibe Coding —— 上下文管理 (.cursorrules) 与遗留代码维护。
- 第 13 章:特定领域应用指南 —— 前端、后端、移动端与数据分析的 Vibe 实践。
- 第 14 章:底层能力的重要性 —— 为什么 AI 时代你依然需要懂代码?(Trust but Verify)。
- 第 15 章:Vibe Coding 的未来 —— 从 Copilot 到 Jarvis,给未来的建议。
- 按序阅读:如果你是初学者,建议从第 1 章开始按顺序阅读。
- 实战优先:Part 3 的三个项目请务必亲自上手敲一遍(或者说,通过 Prompt 运行一遍)。
- 模板速查:第 5 章和第 11 章可以作为日常开发的 Reference 手册。
- IDE: Cursor (首选) 或 VS Code + Copilot
- Model: Claude Opus 4.5 (编程最强), GPT-5.2 (通用最强)
- Agent: Cursor Composer, Windsurf Cascade
本教程是一个开源项目,致力于记录 AI 编程时代的最佳实践。 如果你发现任何错误,或者有更好的 Prompt 技巧,欢迎提交 PR 或 Issue!
Just Vibe It.