--- title: "我们用三种 Vibe Coding 工具构建了同一个应用" description: "我们使用三种顶尖的 Vibe Coding 工具构建了同一个应用程序。以下是关于首次 Prompt 的表现、AI 系统崩溃的地方以及最终的真实评判。" date: 2026-06-12 language: zh canonical: https://best-vibe-coding-tools.com/zh/posts/same-app-three-tools source: "Best Vibe Coding Tools posts" --- 我们决定将三种最热门的 “Vibe Coding” 工具进行一次严格的正面交锋测试。我们没有编写代码；只是静坐，设定意图并输入 Prompt。需求简单但具有挑战性：一个本地化的自由职业者招聘目录，包含经过认证的客户和自由职业者登录、可搜索的市场、动态预订表单、基于角色的仪表盘以及 Stripe 支付网关。 接下来的过程就像一场疯狂的旅程：先是即时满足的快感，紧接着是层出不穷的布局崩溃、不透明的计费循环和结构性退化。我们目睹了最初那个完美的 Demo 在现实世界的复杂性面前崩塌，揭示了当你依赖纯 AI 生成来架构整个应用程序时，魔法会在哪里消失。 ## 共同的需求和首次 Prompt 的快感 我们在三个不同的平台上启动了项目：[Bolt](/zh/reviews/bolt)、[Lovable](/zh/reviews/lovable) 和 [Replit](/zh/reviews/replit)。目标是一个标准且高要求的 SaaS MVP —— 正是我们 [SaaS MVP 排名](/zh/rankings/best-vibe-coding-tools-for-saas-mvps) 中常见的那种应用。在第一个 Prompt 阶段，这三个工具的速度确实令我们印象深刻。在大约三分钟内，每个平台都搭建好了精美的 CSS 布局，初始化了关系型数据库 Schema，并渲染出了一个可交互的实时网页预览。 Bolt 是其中最快的。利用浏览器原生的 WebContainers，它瞬间在浏览器标签页内启动了一个完整的 Node.js 容器。Lovable 紧随其后，自动在后端配置了一个 Supabase 实例，并在前端构建了干净、可读的 React 和 TypeScript 组件。Replit Agent 采取了最结构化的路径，初始化了一个隔离的工作空间容器，并在向我们展示屏幕前运行内部自省循环，以验证其自身的包安装和配置设置。 在第一个小时的点击尝试中，我们感受到了 Vibe Coding 时代的真正“快感”。**你可以在几分钟内搭建出一个可运行的原型**，拥有丰富的视觉样式，而无需打开一次终端或手动配置本地主机。但我们很快意识到，构建原型只完成了 70% 的战斗；最后 30% 的定制业务逻辑才是考验这些系统极限的地方。 一份 SaaS MVP 需求，三个平台，每个都在三分钟内搭建出了可运行的原型。 ## 每个平台在压力下崩溃的地方 当我们停止要求视觉设计改进，转而要求实际的深度集成时，裂痕出现了。在 Bolt 中，由于 Bolt 倾向于重写整个文件而非进行精确的多步修改，项目在连续的数据库更新过程中由于冗余代码而迅速膨胀。这种臃肿正是导致开发者触碰 Bolt “项目过大”账户限制的原因——即使在清理掉不必要的文件且账户中仍有数百万未使用 Token 的情况下，用户依然会遇到这个瓶颈。 对于 Lovable，崩溃点出现在用户认证路由和 Supabase 安全配置上。为了让预订表单仅对已认证用户可用，AI 尝试在后台编写 Supabase 行级安全 (RLS) 规则。结果我们将自己困在了一个无限的“退化循环”中：修复一个 RLS 错误会导致前端仪表盘可见性崩溃，导致客户数据在手动干预重写后端权限之前一直暴露在未认证的视图中。 Replit Agent 出现了一种截然不同的、近乎滑稽的失效模式。当我们要求它在 PostgreSQL 后端之外连接 Firebase 以实现推送通知时，Agent 陷入了循环运行。它反复告诉我们已经修复了编译时的依赖 Bug，但刷新后却出现了完全相同的错误。Replit 用户描述了同样的模式：将截图粘贴回对话框以证明 Bug 依然存在，而 Agent 却报告虚假的修复，生成静默的数据库检查点，并不断消耗使用费。 当我们要求真正的集成而非设计微调时，每个平台都以其特有的方式崩溃了。 ## 额度消耗与 Prompt “打地鼠”的代价 Vibe coding（氛围编程）并不是一个线性成本游戏。虽然基础开发权限的订阅费用大约在每月 $20 到 $25 之间，但在迭代修复 Bug 时，额度消耗的速度惊人。在 Lovable 的付费方案中，**每一个 prompt 都会消耗多个 token**，在我们为了修复损坏的数据库关系而进行快速故障排除循环时，我们眼睁睁地看着月度额度迅速耗尽。如果你的修改失败或引入了回归错误，你实际上是在通过烧钱来试图让应用恢复到昨天的状态。 在 Replit 上，财务上的意外支出甚至更严重。由于 Replit Agent 执行的是完整的 VM 任务，并且在几乎每个检查点都会进行自动数据库备份，用户报告称，在简单的测试构建中，意外的数据库超额费用高达 $1,500。在我们自己的调试循环中，该 agent 花费了无数个计费周期去下载 npm 包、测试、失败并自动重新运行容器进程，将一次快速测试变成了一次昂贵的教训。 即使是 Bolt 拥有较高的每月 token 阈值，我们也发现自己陷入了困境。当 AI 陷入代码修改循环，通过重写整个完整文件而不是发出干净的类 git diff 时，它会激进地消耗你的 token，而应用的性能却没有任何净收益。你会很快意识到，通过聊天 prompt 来调试应用程序是一种极其低效的经济模式。 ## 最终结论与诚实的抉择 我们的对比测试揭示了一个绝对清晰的架构真相：不要让 AI 从零开始构建你的核心软件基础设施。如果你在构建一个拥有真实用户、安全权限和生产数据需求的工具，你应该选择 [Softr](/zh/reviews/softr) 作为赢家，因为身份验证（auth）、基于角色的可见性和数据库连接是你可以通过可视化配置的平台功能，而不是由 AI 生成且你从未审核过的代码。 对于那些希望采用代码优先技术栈，并计划最终迁移到像 [Cursor](/zh/reviews/cursor) 这样自动化的本地开发 IDE 的构建者来说，[Bolt](/zh/reviews/bolt) 凭借其标准的前端导出、快速的脚手架搭建速度和干净的代码可移植性，在相邻赛道中胜出。若想结构化地了解这些平台在不同操作工作流中的对比情况，请查看我们详细的 [最佳 vibe coding 无代码平台排名](/zh/rankings/best-no-code-platforms-for-vibe-coding)。 如果你想构建像客户门户或内部 CRM 这样的标准业务应用，在进行基础配置时，请远离 prompt 控制台。为你的数据库和身份验证使用成熟的可视化基础设施，然后仅在范围隔离且安全的单个功能级别部署 vibe-coding 自定义组件。业务应用的“第二天”关乎稳定性，而非“氛围”。 生产级应用选 Softr，通过 Bolt 转向 Cursor，独立功能仅使用 prompt。