目录
“我有个 Web 应用的点子，但不会写代码。”AI Web 应用生成工具大大降低了这道门槛。输入“帮我做一个待办事项应用”，就能在同一个界面里得到可运行的预览、公开网址和 GitHub 同步。最具代表性的三款是 v0（Vercel）、Bolt.new（StackBlitz）和 Lovable。
先说结论：它们不是“同一种工具”，而是“出口不同的三款产品”。v0 是“Next.js + Vercel”，Bolt 是“JavaScript 技术栈任选 + Bolt 自有托管”，Lovable 是“全栈 + 内置后端（Lovable Cloud）+ 面向非工程师”。问题不在于“哪个最强”，而在于“你想做什么”。
先说个人看法：如果只是想给别人看 PoC 或演示，三款都可以。但如果想长期维护、上线生产或团队协作，差别就会显现。正如在 AI 推荐 Vercel、Vercel AI SDK 和 AI 能搞定基础设施吗？中写过的，“AI 让它跑起来”和“能用于生产”之间有差距。本文梳理三款工具的本质、价格与免费额度、生成的代码、Figma 集成、按用途的最佳选择、官方文档揭示的差异、迁移时能带走的东西以及选型流程，全部内容均于 2026 年 9 月 30 日对照三家的价格页和官方文档核实。
三者出口各不相同——选“最合适”，而不是“最强”
— v0 是 Next.js + Vercel，Bolt 是任意 JS 技术栈，Lovable 面向非工程师
截至 2026 年 9 月 30 日（按月付费）：v0 免费～$100/用户，Bolt 免费～$30/成员（Pro $25 起），Lovable 免费起（Pro $25 起）。
三款都有免费额度，都能直接给出公开网址。
1. AI 应用生成三强：v0、Bolt、Lovable 是什么
“vibe coding”（用自然语言做应用）一词在 2025～2026 年流行开来，其中最具代表性的就是 v0、Bolt.new 和 Lovable。共同点是：在一个界面里完成“文字 → 可运行的 Web 应用 + 公开网址”。区别在于：生成什么、部署在哪里。
为了说明势头，只举一个发布方明确的数字。Lovable 于 2025 年 7 月 23 日在自家博客宣布，从首个 ARR $1M 起仅用 8 个月就突破了 ARR $100M（Lovable 官方博客；这是公司自己公布的数字，未经第三方审计）。v0 在 2026 年 2 月 4 日的大版本更新中加入了 Git 集成、项目（Projects）、VS Code 风格的编辑器，以及与生产环境行为一致的预览（v0 文档）。
背景在于：LLM 的代码生成已经达到能直接产出带界面的可运行应用的水平。Claude、GPT、Gemini 等系列的顶级模型能写出可用的 React 代码，“文字 → 应用”由此成为可行的商品。v0 更进一步，拥有自家的 v0 Mini / Pro / Max 模型，并在价格页公开了 token 单价。正如在 AI 推荐 Next.js 中写过的，v0 的本质就是直接从文字生成 Next.js——也就是 AI 条件反射般推荐的那个框架。
2. 5 分钟看懂三款工具的本质
用“三行本质”把三款工具记住。掌握这些，后面的对比就会立体起来。
三行看懂三款工具
记忆法：v0 = 设计师，Bolt = 开发者，Lovable = 创业者。
三者都能“文字 → 应用”，但出口（之后由谁持续维护）不同。
另一种视角：v0 直接连到 Vercel 项目（Git、环境变量、域名都在 v0 里管理），Bolt 是浏览器里的开发环境（自带数据库和托管），Lovable 是产品导向（数据库 + 认证 + UI + 发布一条龙）。同样是“生成 Web 应用”，替你包揽的范围不同。
3. 详细对比：价格、免费额度、生成的代码与 Figma
下面把我们于 2026 年 9 月 30 日在三家价格页（v0、Bolt、Lovable）和官方文档（v0 docs、Bolt Help Center、Lovable Docs）核实的内容并排列出。价格为美元、不含税、按月付费。
| 项目 | v0（Vercel） | Bolt.new（StackBlitz） | Lovable |
|---|---|---|---|
| 免费方案 | 有（每月 $5 额度，每天最多 7 条消息） | 有（每月 1M token，每天最多 300K） | 有（每天 5 个构建积分，每月最多 30） |
| 付费方案 | Plus $30/用户，Business $100/用户（旧的 $20 Premium 已停止接受新用户） | Pro $25 起（每月 10M token 起），Teams $30/成员 | Pro $25 起（每月 100 积分起），Business $50 起 |
| 生成的代码 | Next.js、React、TypeScript、Tailwind CSS、shadcn/ui | 前端可用任意 JS 框架；后端为 Node.js（不支持 PHP、Python） | 新项目使用 TanStack Start（自 2026 年 5 月 13 日起为默认）；更早的项目是 React + Vite |
| 数据库 | 通过 Vercel Marketplace 一键连接 Neon、Supabase、Upstash、Vercel Blob | Bolt Database（所有方案，含认证）；Pro、Teams 可选 Supabase | Lovable Cloud（基于 Supabase 的开源基础，含认证）；也可连接外部 Supabase |
| 发布（默认） | Vercel（Publish 按钮） | Bolt hosting（免费的 .bolt.host；自定义域名需 Pro）；也可选 Netlify | Lovable hosting（自定义域名需付费方案） |
| Figma 集成 | 有（粘贴 Figma 链接，无需插件） | 有（首页的 Import from Figma，通过 Anima 转换） | 有（Figma 插件、Figma MCP、上传 .fig 文件） |
| 代码编辑 | 内置 VS Code 风格编辑器（2026 年 2 月更新） | 在 Code view 中直接编辑（Safari 下只读） | 付费方案可用 Edit code |
| 适合人群（笔者看法） | 前端开发者、设计师 | JavaScript 开发者 | 非工程师、创业者 |
三个要点：① 三家都支持 Figma。不同的是导入方式：v0 贴链接即可，Bolt 通过 Anima 转换，Lovable 有插件、MCP、.fig 三种方式。② Lovable 也有免费方案（每天 5 个构建积分，每月最多 30），免费方案也能与 GitHub 等进行 Git 同步。③ Lovable 的默认后端不是 Supabase 本身，而是 Lovable Cloud。它基于 Supabase 的开源基础运行，无需另行开通 Supabase 账号。
免费额度能试多少次——按各家原本的单位并排列出
三家的免费额度计量单位不同，因此我们不把美元、token、积分硬换算成同一个“次数”，而是按各家官方的单位原样列出。
| 项目 | v0 | Bolt.new | Lovable |
|---|---|---|---|
| 单位 | 每月 $5 额度 | token（每月 1M） | 构建积分（每天 5） |
| 每日上限 | 每天 7 条消息 | 每天 300K token | 每天 5 积分（每天 00:00 UTC 重置，不结转） |
| 每月上限 | $5 额度 | 1M token（每月 1 日重置） | 30 积分（每月前 6 天用完即止） |
| 每次请求的消耗 | 按模型的 token 单价计（例：v0 Pro 输入 $2 / 输出 $10，每 100 万 token） | 项目越大消耗越多（大部分用于同步文件） | 视工作量而定。官方示例：把按钮改成灰色 0.50，删除页脚 0.90，添加认证 1.20，带图片的落地页 1.70 |
| 其他免费部分 | 发布到 Vercel | 已发布网站最多 333K 次 Web 请求（带 Bolt 标识） | 每月 20 个 Cloud 积分、4 个 AI 积分，外加每日聊天额度 |
| 用完之后 | 升级到付费方案 | 在 Code view 中手动修改不消耗 token | 等到第二天（若是月上限则等到下月 1 日） |
粗略来说：v0 最先碰到的是“每天 7 条消息”的上限，Bolt 项目越小越耐用，Lovable 按官方示例计算，每天 5 积分约等于 4 次“添加认证”或 10 次“把按钮改成灰色”（简单换算，实际消耗取决于工作量）。
4. 按“你的用途”选对工具
把三款工具的强项和弱项套到“你的情况”上，推荐就能迅速收窄。
按用途推荐的工具
共同的陷阱：“能跑的演示”与“生产运维”之间的差距，三款都存在。
走向生产的现实做法是同步到 GitHub → 在 Cursor/Claude Code 中重构。
5. 从官方文档看出的差异
本节不是实际并排运行三款工具的测试结果，而是把三家官方文档和价格页（2026 年 9 月 30 日查阅）中写明的机制并排整理。生成界面的质量和速度会随提示词、模型和当天的负载而变化，因此这里不打分。
| 观点 | v0 | Bolt.new | Lovable |
|---|---|---|---|
| 预览在哪里运行 | Vercel Sandbox（隔离的轻量虚拟机）；API 路由和数据库连接与生产环境一致 | Chromium 系浏览器中在浏览器内运行；Safari 中为托管端生成的预览 | 编辑器内的实时预览；可按手机、平板、桌面宽度检查，并通过预览链接分享 |
| 计费方式 | 以美元计的额度，按各模型（v0 Mini / Pro / Max / Max Fast）的 token 单价扣减 | token；付费未用完的部分可结转一个月 | 积分；Plan 模式每条消息 1 积分，默认模式视工作量而定 |
| 与 GitHub 的关系 | 可选。连接后会自动创建工作分支、每次改动自动提交，从不直接推送到 main | 连接仓库后自动备份、同步提交，可按分支工作 | 与 GitHub、GitLab、Bitbucket 双向同步（所有方案）；创建的仓库默认为私有 |
| 导入现有代码 | 可从 GitHub 仓库、Vercel 项目或 ZIP 导入 | 可从现有 GitHub 项目导入 | 不支持（只能从 Lovable 导出到 GitHub，不支持导入现有仓库） |
| 移动应用 | 文档中未找到相关说明 | 可通过 Expo 制作（在第一条提示词中写上 mobile app） | 不生成原生应用（始终发布到 Web 网址；可做成 PWA，或用 Capacitor 封装） |
由此可以看出：v0 更像“用对话驱动 Vercel 项目的工具”，预览和发布都跑在 Vercel 的机制上。Bolt 是“浏览器里的开发环境”，手动修改（不消耗 token）的空间很大。Lovable 是“连后端一起打包的产品”，设计上让数据库、认证、托管都在 Lovable 内部完成。想知道哪款适合自己，最快的办法是用免费额度给三款出同一道题比一比。
6. “能跑的演示”与“生产环境”的差距：3 个陷阱与能带走的东西
AI 生成应用最大的陷阱是“演示能跑，却上不了生产”。下面整理三款工具共同的 3 个陷阱。
走向生产时必然遇到的 3 个陷阱
对策：尽早同步到 GitHub，大改动交给 Cursor/Claude Code。
对策：上线前做人工审查，或用 Claude 的顶级模型等进行审计。
对策：先在下表中确认“哪些不会一起带出”。
共同解法：“用 AI 做 → 同步到 GitHub → 由人/AI 智能体打磨 → 部署上线”的两阶段流程风险最小。
迁移时能带走的东西
“以后能不能搬到别处”是开始之前最值得确认的事。下面按三家官方文档写明的范围列出。
| 要带走的东西 | v0 | Bolt.new | Lovable |
|---|---|---|---|
| 代码 | GitHub 集成（可选）。官方 FAQ 表示可以导出代码并部署到别处 | 连接 GitHub 并同步；也可 Download 整个项目 | 所有方案都可 Git 同步；ZIP 形式的 Download codebase 需付费方案 |
| 数据库 | 数据库属于所连接的服务商（Neon、Supabase 等） | Bolt Database 可通过“Claim”迁到 Supabase（Pro、Teams）。反方向（Supabase → Bolt Database）没有迁移途径 | 用 Export project data 导出结构 + 数据（含用户和密码哈希；最大 15GB、单个文件最大 5GB、每 24 小时 1 次）。不包含存储中的文件、Edge Function 代码和密钥 |
| 托管 | 默认 Vercel。完整功能（环境变量、预览、部署）需连接到 Vercel 项目 | 默认 bolt.host。也可选 Netlify，但已在 Bolt hosting 发布过的项目无法切换（需另建副本） | TanStack Start 项目需要能运行服务器代码的主机；旧的 Vite 项目用静态托管即可 |
| 后端的迁移目标 | —（从一开始就是外部服务商） | Supabase | 官方支持的是托管版或自托管的 Supabase。迁到纯 PostgreSQL 等需要自行实现对应功能 |
个人看法：“把 v0/Bolt/Lovable 生成的初稿原样上线很危险”。三款工具真正的价值在于“以最快速度把想法变成实物”“在短时间内验证方向”。生产运维还是要经过 Cursor / Claude Code / 手写的重构，这才是现实做法。用 AI 能搞定基础设施吗？中的红绿灯判断来说：“验证想法 = 绿灯”“生产运维 = 黄灯到红灯”。
7. 2026 年选型流程图
一个5 分钟就能决定“到底用哪个”的判断流程。
5 分钟选定
会 → 下一题
不需要（只做前端） → v0
不要 → 三款都是候选
没有 → 下一题
不必 → 三款的付费方案都从每月 $25～$30 起
否（只做原型） → 任选一款即可
拿不定主意时：先用 v0 小规模试 → 需要时换 Bolt/Lovable。
个人开发者的现实做法是“全部试一遍”——三款都能在免费额度内比较。
总结
v0、Bolt、Lovable 三者不是“同一类别的竞争对手”，而是“出口不同的三款产品”。v0 = Next.js + Vercel，偏向设计师；Bolt = JavaScript 技术栈任选，面向开发者；Lovable = 含后端（Lovable Cloud）、面向非工程师的 MVP。价格上三者相近——都有免费额度，付费方案都从每月 $25～$30 起——差别体现在免费额度的单位（消息、token、积分）以及能带走什么。
怎么选取决于用途：① 不会写代码？→ Lovable；② 需要数据库？→ Lovable/Bolt；③ Vue/Svelte？→ 只能 Bolt；④ 有 Figma 设计稿？→ 三款都行（按导入方式选）；⑤ 想免费试？→ 三款都行（单位不同）。如果以生产为前提，“尽早同步到 GitHub → 在 Cursor/Claude Code 中重构”的两阶段流程是现实做法。三款都擅长做出“能跑的演示”，但要达到“可上线的质量”，仍需要人或专门的智能体介入。
相关文章：AI 推荐 Vercel、Vercel AI SDK、Cursor AI 编辑器、AI 推荐 Next.js、AI 能搞定基础设施吗？，欢迎一并阅读。
FAQ
Q. 我是完全的新手，第一个该试哪款？
A. Lovable。只靠聊天就能推进，数据库和认证由 Lovable Cloud 负责。免费方案每天也有 5 个构建积分（每月最多 30）。如果你会一点代码（或想学），就从 v0 开始（免费方案每月 $5 额度，每天最多 7 条消息）。
Q. v0/Bolt/Lovable 生成的代码能直接用于生产吗？
A. “能跑”和“生产质量”是两回事。原型、MVP 可以直接发布；商用生产则必须做安全审计、性能优化、补充测试代码。同步到 GitHub、再用 Cursor/Claude Code 打磨是稳妥的流程。
Q. 和 Cursor/Claude Code 怎么分工？
A. v0/Bolt/Lovable = “从零生成”，Cursor/Claude Code = “编辑现有代码”。前者以最快速度完成“想法 → 能跑的应用”，后者稳扎稳打完成“能跑的应用 → 生产质量”。v0 的官方 FAQ 也写明，要与使用 Cursor 或 Claude Code 的人通过同一个 GitHub 仓库协作。参见 Cursor 详解。
Q. 每月费用看不清，有点担心。
A. 三款都是按用量扣减（v0 = 美元额度，Bolt = token，Lovable = 积分），应用越复杂消耗越多。Lovable 在价格页公开了“添加认证 1.20 积分”之类的示例，每条消息的消耗也能在历史记录里查看。“用免费额度做 PoC，真正投入时再付费”最稳妥。
Q. 免费额度用完了会怎样？
A. Lovable 的每日 5 积分每天 00:00 UTC 恢复（当月达到 30 后暂停到下月 1 日）。Bolt 即使达到每日上限（300K token），在 Code view 中手动改代码也不消耗 token。v0 免费方案每天最多 7 条消息，想继续使用就要升级到以额度计费的付费方案。
