[控场AI]
· 7 分钟阅读· 3,698 字

编程已死?Vibe Coding 三大工具实战解析

编程已死?Vibe Coding 三大工具实战解析

Vibe coding 让开发者从语法打字员变为指挥智能体的导演,但判断力更值钱。

文章介绍了 Andrej Karpathy 提出的 vibe coding 概念,即开发者不再手写语法,而是设定愿景、评判产出、引导自主智能体完成实现。作者以三款工具为例:Lovable 先生成产品需求文档与数据库 schema,再构建全栈应用,支持在浏览器中点选元素并用自然语言改写;Claude Code 运行在本地终端,拥有文件系统与命令行权限,能读日志、改多文件、跑回归测试并提交 git commit;Manus 则把边界扩展到代码之外,以异步后台浏览器工作流处理调研与多应用编排。文章同时强调风险:硬编码密钥、架构膨胀与无人监控的 API 循环,结论是写代码门槛趋零而判断与审查的价值更高。

从「打字员」到「导演」:Vibe Coding 是什么?

如果你过去五年一直在告诉自己「必须先学 Python、React 或 JavaScript 才能做软件」,现在可以正式停下来了。手动敲语法的时代正在走向终点,我们进入了 vibe coding 的时代。

这个词由知名 AI 研究者 Andrej Karpathy 提出,并非只是一个网络梗。它描述的是一种根本性的范式转变:你不再是那个把人类想法翻译成晦涩编程语法的「打字员」,而是变成了一位「执行导演」——设定愿景、评判产出、引导一个自主智能体完成繁重的工作。

视频作者指出,三款刚刚成熟的工具,已经把这种理念从硅谷实验变成了任何人都能上手的主流现象。它们的定位各不相同:一个负责把想法变成可交互的 Web 应用,一个在你的本地终端里充当自主工程师,还有一个把任务边界从代码扩展到整个计算机操作层面。

直观的设计画布与真实的全栈架构

Lovable:十分钟从想法到可部署应用

过去大多数 AI 建站工具给你的是静态预览——漂亮的落地页,但点按钮什么都不会发生。Lovable 的不同在于,它把直观的设计画布和真正的全栈架构结合在一起。

当你输入提示词时,Lovable 并不是直接吐代码。它先生成一份结构化的产品需求文档,规划关系型数据库 schema、配置身份认证流程,并在现代 React 和 Tailwind CSS 中搭好状态管理。

更关键的是交互方式:构建过程中你可以在浏览器里实时操作这个应用。如果按钮颜色不对,或者计费逻辑需要调整,你不必翻遍几十个 CSS 文件——直接点选那个元素,输入「把这张卡片改成玻璃拟态,并加一个每周利润对比的提示浮层」,Lovable 就会即时重写该组件。

按视频的说法,十分钟内你就能得到一个带 GitHub 同步和一键部署的生产级应用。这种「点击-描述-重写」的反馈循环,正是 vibe coding 在原型阶段最典型的体验。

Lovable 处理前端与快速原型

**产品需求文档(PRD)**是产品开发中的标准交付物,通常由产品经理编写,用来明确目标用户、核心功能、交互流程与验收标准。Lovable 在动手写代码前先生成 PRD,相当于把传统团队中「需求梳理」这一环节自动化了。这一步之所以关键,是因为大模型在缺少结构化规格时容易生成看似完整、实则逻辑割裂的代码;先固定数据模型与页面关系,后续生成的组件才有统一的约束可依。

数据库 schema 指关系型数据库中表、字段、类型、主外键与索引的整体结构定义。它决定了数据如何存储与关联,一旦后期改动往往牵涉数据迁移,因此属于「越早定越好」的架构决策。

Tailwind CSS 是一种原子化 CSS 框架,通过组合大量细粒度工具类来描述样式,而非手写独立样式表。它让 AI 生成的界面代码更紧凑、更易被局部改写,这也是点选元素后能精准重写单个组件的基础之一。

Claude Code:终端里的自主工程师

当你要处理的是本地已有的、规模庞大的企业级代码库时,Lovable 这类工具就不够用了。这正是 Anthropic 推出的 Claude Code 的战场——视频作者形容它「让传统软件开发者感到恐惧」。

与困在浏览器标签页里、需要你反复复制粘贴代码的 ChatGPT 不同,Claude Code 是一个直接运行在本地终端中的自主智能体。它拥有对文件系统、git 历史和命令行工具的完整授权访问。

视频里演示的过程值得细看:Claude Code 没有要求你去改第 42 行,而是自己读取错误日志、追踪损坏的依赖、编辑多文件架构、在后台跑回归测试、确认修复生效,最后暂存一个干净的 git commit。

这已经不是一个给建议的助手,而是一名自主的初级工程师——按视频的夸张说法,「以每分钟一万字的速度、以几分钱的成本」工作。需要说明的是,这里的成本描述是视频作者的主观表达,并非严谨的基准测试数据。

每分钟万字、成本极低的自主初级工程师

**自主智能体(autonomous agent)**与普通聊天式助手的区别在于「行动闭环」:它能调用工具、观察结果、根据反馈调整下一步,而不只是输出文本建议。在 Claude Code 的场景中,这些工具就是读写文件、执行 shell 命令、查询 git 历史。所谓「完整授权访问」,意味着智能体拥有与开发者本人相近的操作权限——这既是它能自主排错的前提,也意味着一旦判断失误,影响范围是真实的本地代码库,因此版本控制与审查机制尤为重要。

回归测试指在修改代码后重新运行既有测试集,以确认新改动没有破坏原有功能。git commit 则是把一组改动记录为版本历史中的一个快照,便于回溯与回滚。让智能体自己跑测试并提交干净的 commit,实质上是把「改完要验证」这一工程纪律固化进了自动化流程。

Manus:把任务边界推出代码之外

如果任务不止于写代码,还涉及网络调研、预订、多应用编排,那就是 Manus AI 的领域。视频把它定位为通用计算机操作智能体的前沿:如果你把 Claude Code 当作开发工程师,Manus 就是整套运营人力。

它接受的是高层目标,比如「找出加州前 50 家网站上没有部署 AI 客服的 B2B 营销机构,找到其运营负责人的邮箱,并为每家生成一份个性化提案」这类复合任务。Manus 的做法是启动后台浏览器、导航页面、处理交互元素,并以完全异步的方式运行长达数小时的后台工作流,而不是超时或返回一个泛泛的答案。

视频作者的判断是:把这三种工具串起来,一个人如今可以掌握两年前需要十五人软件公司才能达到的技术产出。这个对比带有明显的传播色彩,但它指出的方向——个体产能被智能体显著放大——与行业观察是一致的。

异步后台工作流指任务提交后不必保持会话在线,智能体在后台持续运行并在完成后交付结果。这与传统对话式交互的关键差异在于任务时长和状态管理:数小时的调研涉及大量页面跳转、失败重试与中间结果保存,需要独立的执行环境与状态记录,而不是依赖单次请求的上下文窗口。

多应用编排则指智能体跨多个系统协同完成目标,例如在浏览器抓取信息、写入表格、调用邮件服务。这类能力带来的新问题不是「能不能做」,而是「做到哪一步需要人确认」——涉及对外发送、付费或提交表单的动作,通常需要设置人工审核节点。

现实检查:vibe coding 不等于关掉大脑

视频后半段的提醒,可能是整段内容里最有价值的部分。Vibe coding 并不意味着你可以完全不动脑。如果你不理解智能体正在构建的东西的高层架构,你至少要面对三类风险:

  • 安全漏洞:例如被硬编码进代码的 API 密钥。
  • 架构膨胀:让后续更新变得几乎不可能的结构性混乱。
  • 失控的 API 循环:在你睡觉时持续消耗 token、烧掉数百美元的无人监控调用。

作者的结论是:最成功的 vibe coder 不是那些一行代码都不写的人,而是掌握了系统设计、验证与安全审计的人。换句话说,工具把「写」的门槛降到了接近零,但把「判断」的价值抬得更高了。

vibe coding 需要保持清醒:安全、架构与成本监控

硬编码 API 密钥指把访问凭证直接写进源码,而非通过环境变量或密钥管理服务注入。一旦代码被提交到公开仓库或被同步到第三方平台,密钥就等于泄露,可能被用于盗刷额度或访问敏感数据。这是 AI 生成代码中较常见的问题,因为模型倾向于让示例「能直接跑起来」。

架构膨胀指在缺乏整体规划的情况下不断叠加功能与依赖,导致模块职责重叠、耦合加深。短期内每个需求都能实现,长期则使任何改动都可能引发连锁故障。

所谓失控的 API 循环,是指智能体在无人监督下反复调用付费接口而无法自行终止——例如重试逻辑没有上限、或任务目标本身无法达成。对应的防护手段包括设置调用次数与费用上限、为长任务配置超时与告警,以及在部署前对计费相关逻辑做人工复核。

这意味着什么

Vibe coding 的核心变化不是「不用学编程」,而是分工的重组:语法翻译交给智能体,架构决策、质量验证和风险控制留给人。对个人开发者来说,这是一个把想法快速推向可运行产物的窗口期;对团队来说,真正的分水岭会出现在谁能建立起对智能体产出的审查机制。

视频结尾抛出的问题也值得每个从业者回答:你是在用 vibe coding 构建软件,还是依然坚持手写每一行?

分享:

相关推荐