搭建器、编辑器还是智能体
“Vibe coding”课程第 2 课，共 26 课。免费，有动画和小测验。
三类 AI 工具
AI 编程工具分三类。搭建器：用文字描述，就能在浏览器里直接得到做好的网站。AI 编辑器：你能看到项目文件，AI 在你旁边帮你改。智能体：接到任务后，自己改文件、自己运行命令。图下方的箭头：越往右，掌控越多，但需要懂的也越多。
搭建器：最快的起步
搭建器直接在浏览器里用，比如 Lovable、Bolt、v0、Replit。你输入“给我的翻唱乐队做个网站，带演出日程”，几分钟后就能看到一个能用的页面。这是最快的起步方式，什么都不用装。缺点：掌控少，很难精确改某个小细节，也不容易看懂里面是什么。最适合做原型（也就是草稿版）和落地页。
AI 编辑器：折中之选
代码编辑器是一个把整个项目以文件和文件夹形式打开的程序，比如 Cursor、Windsurf，或装了 Copilot 的 VS Code。AI 在侧边栏里：提出修改建议、帮你补全代码、解释看不懂的部分。每处改动你都看得到，接不接受由你决定。比搭建器掌控更多，又比智能体容易上手。
智能体：自己动手干活
智能体（agent）是不只给建议、还会亲自动手的 AI。Claude Code、Codex、Gemini CLI 都在终端里运行，终端就是用文字输入命令的窗口。你给个任务，比如“加一个深色模式”，智能体会读整个项目，改十几个文件，再运行检查。这是最强的方式。但如果不懂 Git（保存版本的程序），也不检查结果，很容易把能用的版本弄丢。
从哪里开始
一条靠谱的路线：先用搭建器做出第一个原型。满意之后，把代码转到 GitHub，这是一个在云端保存项目副本的网站。很多搭建器都有导出按钮。之后在编辑器里或用智能体继续做。常见错误：每天换一个新潮工具。做完一个项目，胜过放弃五个。
自测一下
- 想用一个晚上做出第一个落地页原型，用什么？
正确答案: 浏览器里的搭建器. 搭建器出页面最快，而且什么都不用装。掌控和智能体以后再说。 - 智能体和 AI 编辑器有什么不同？
正确答案: 自己改很多文件、自己运行命令. 编辑器在你旁边给修改建议。智能体接到任务就自己动手，所以一定要检查它的成果。 - 最常见的、让项目做不完的原因是什么？
正确答案: 每天换工具. 每换一个工具就是从零开始。做完一个项目，比开了五个头学到的更多。