Vibe Coding 与 AI Agent 全景知识库

主题

🚀 第一章：发展之路 —— 编程演进的六阶段主线与 Vibe Coding ​

欢迎来到 《Vibe Coding 极速通关》第一章：发展之路！

如果你刚开始接触编程，或者过去曾被繁琐的语法劝退，这一章会从工具为什么变化讲起。文中尽量使用熟悉的生活场景解释技术，同时保留必要的概念边界，带你理解编程如何从逐行手写，发展到补全、对话、智能体与意图驱动的协作方式。

🧭 编程演进主线 + 并行支线全景图 ​

从人类必须迁就机器，到今天机器完全理解人类的灵感意图。下图左侧是按时间演进的主线，右侧是贯穿主线的人的角色变化，左下角则是与主线并行的低代码/工作流支线（它早在 2014 年就被 Forrester 系统讨论过，并不是“AI 之后的新一代”）：

🧭 编程演进主线 + 并行支线全景图

📑 本章章节索引 ​

点击下方链接即可阅读各小节的通俗讲解与官网链接：

  1. 1.1 传统手写代码时代：纯手工搬砖与让人秃头的规则

    • 以前写代码有多痛苦？为什么少个分号网页就白屏？
    • 为什么 80% 的时间都在写枯燥的套话代码和大海捞针找 Bug？

  2. 1.2 AI 代码补全时代：住在编辑器里的“超级智能联想输入法”

    • GitHub Copilot（2021）才是第一个“吃螃蟹”的 AI，比 ChatGPT 更早！
    • 为什么按 Tab 很爽，但依然解决不了跨文件改代码的难题？

  3. 1.3 对话式 AI 时代：人肉搬运工与上下文割裂

    • Claude、GPT、DeepSeek 怎么帮我们秒出代码？
    • 为什么来回复制粘贴久了会把人逼疯？AI 为什么会胡说八道？

  4. 1.4 AI 原生 IDE 时代：AI 从“外挂插件”变成了编辑器的“亲儿子”

    • Cursor、Windsurf、Trae 凭什么能“理解整个项目”而不是眼前一个文件？
    • 全项目语义索引、Cmd+K 行内对话、跨文件 Composer 面板。

  5. 1.5 Coding Agent 自主编程时代：招了个自带手脚、能跑腿排错的“实习生”

    • 什么是 Agent（智能体）？不仅能思考，还能自己翻文件、跑终端、修 Bug！
    • Claude Code、Devin、Aider 以及万能扩展接口 MCP 协议深度扫盲。

  6. 1.6 低代码与工作流平台：与主线并行的“搭积木支线”

    • Dify、Coze（拖拽搭积木做后台）与 Bolt.new、Lovable.dev（浏览器内一句话秒出完整全栈网页）。
    • ⚠️ 注意：这是并行支线 / 工具形态，不是时间主线里的“下一代”。

  7. 1.7 Vibe Coding 思维方式：从“苦力码农”到“交响乐指挥官”

    • Andrej Karpathy 在 2025 年 2 月提出的 Vibe Coding 到底是什么？
    • 意图讲清楚、上下文喂饱、验证自动化，新手也能顺利推进并减少返工！

怎样理解这条发展主线 ​

六个阶段不是整齐接替的年份表，也不是越新的工具就一定越好。今天的开发者仍然需要手写代码，代码补全、对话助手、Agent 和低代码平台也常常出现在同一个项目中。变化主要发生在人的工作重心：从亲自写出每一步，逐渐转向描述目标、准备上下文、检查过程和验收结果。

阅读每一节时，可以用三个问题作比较：人负责哪些决定，工具能够采取哪些行动，结果依靠什么验证。这样遇到新产品时，就不必先记宣传名称，而能判断它处在工作链路的哪个位置。

💡 读完本章你能收获什么？ ​

读完本章，你将形成一套较稳定的判断框架：分清代码补全、对话式 AI、AI 原生 IDE、Coding Agent 与低代码平台各自承担的工作，并根据任务范围、可控程度和验收方式选择合适的组合。