[{"data":1,"prerenderedAt":2900},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"alt-main-tempo":8,"alt-list-tempo":614},{"tools":4,"reviews":5},98,27,{"tools":4,"reviews":5,"playbooks":7,"news":5},23,{"id":9,"title":10,"alternatives":11,"api_compatible":16,"body":17,"category":538,"chinese_friendly":528,"cover":539,"description":540,"domestic":541,"extension":542,"faq":543,"free":556,"github":16,"languages":557,"lastVerified":559,"meta":560,"models":16,"navigation":556,"notSuitable":16,"opensource":541,"path":561,"pillar":562,"platforms":563,"priceTable":568,"pricing":581,"published":582,"relatedPlaybooks":583,"relatedReviews":16,"score":585,"self_host":541,"seo":588,"seoTitle":589,"slug":590,"sources":591,"stem":601,"suitable":16,"tagline":602,"tags":603,"updated":594,"verdict":611,"website":612,"__hash__":613},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo.md","Tempo",[12,13,14,15],"coding\u002Fbuilder\u002Fbolt-new","coding\u002Fbuilder\u002Flovable","coding\u002Fbuilder\u002Fv0","coding\u002Fbuilder\u002Freplit-agent",null,{"type":18,"value":19,"toc":523},"minimark",[20,25,29,32,35,93,96,116,122,126,131,151,156,179,182,206,209,370,373,423,427,459,462,489,492],[21,22,24],"h2",{"id":23},"tldr","TL;DR",[26,27,28],"p",{},"Tempo 是 YC 出身的 React-first AI 应用构建平台。差异点：多 agent 先生成 user-flow 图 → 用户确认 → 再写代码（不像 Bolt 直接 jump-to-code）；可视化编辑器编辑的是真 React，而非 HTML\u002FCSS 模拟；一键 GitHub PR；MCP App Store 一键插 Stripe \u002F Auth \u002F 邮件。Free 起步、Pro ~$30\u002F月 flat-rate message credits、Agent+ $4,500\u002F月含人工设计 + code 审计。React-only。",[26,30,31],{},"适合：React 栈的 solo \u002F 早期团队想要『可视化 + 真代码 + PR-friendly』；产品复杂度中等以上需要 user-flow 规划；设计师 + 前端工程师协作。不适合：Vue \u002F Svelte \u002F Solid 栈；纯 landing page（杀鸡用牛刀）；纯后端 \u002F API；预算极紧（Free 配额很快用完）。",[21,33,34],{"id":34},"核心能力",[36,37,38,46,52,58,64,70,76,82,88],"ul",{},[39,40,41,45],"li",{},[42,43,44],"strong",{},"多 agent 规划","：先出 user-flow 图（页面 \u002F 状态 \u002F 数据流）→ 确认 → 写代码",[39,47,48,51],{},[42,49,50],{},"可视化编辑真 React","：选元素改样式 \u002F 布局，输出 production React，不是 HTML 模拟",[39,53,54,57],{},[42,55,56],{},"GitHub PR 推送","：一键开 PR，沿用团队 review 流程",[39,59,60,63],{},[42,61,62],{},"MCP App Store","：Stripe \u002F Resend \u002F Clerk \u002F OpenAI agent \u002F 消息一键集成",[39,65,66,69],{},[42,67,68],{},"Figma 导入","：设计稿 → React + Tailwind",[39,71,72,75],{},[42,73,74],{},"shadcn \u002F Tailwind 内置","：组件库一等公民",[39,77,78,81],{},[42,79,80],{},"多端","：Web + macOS（含 Intel）+ Windows + Linux 客户端",[39,83,84,87],{},[42,85,86],{},"flat-rate message credits","：不按 token，预算可预测",[39,89,90],{},[42,91,92],{},"实时预览 + 协作",[21,94,95],{"id":95},"价格",[36,97,98,104,110],{},[39,99,100,103],{},[42,101,102],{},"Free","：$0，有限 credits，验证够用",[39,105,106,109],{},[42,107,108],{},"Pro","：~$30\u002F月，flat-rate message credits + 全 AI + 完整代码导出",[39,111,112,115],{},[42,113,114],{},"Agent+","：$4,500\u002F月，AI + 人工设计 review + code 审计",[117,118,119],"blockquote",{},[26,120,121],{},"真实陷阱：Free 复杂项目几天用完；Agent+ 价位是给 design agency \u002F Series B 团队，solo 别上。",[21,123,125],{"id":124},"实测solo-founder-react-tailwind-产品","实测（solo founder \u002F React + Tailwind 产品）",[26,127,128],{},[42,129,130],{},"亮点：",[36,132,133,136,139,142,145,148],{},[39,134,135],{},"user-flow 规划阶段帮 think before code，避免改了三次还偏",[39,137,138],{},"编辑真 React 体验比 Figma → 切图工作流流畅 10 倍",[39,140,141],{},"GitHub PR 让生成代码进入正常 review 流程，不像 Bolt 那种黑盒",[39,143,144],{},"MCP App Store 加 Stripe + Auth 一晚上跑通",[39,146,147],{},"flat-rate credits 比 token-based 容易预算",[39,149,150],{},"shadcn \u002F Tailwind 输出代码干净，老工程师不抗拒",[26,152,153],{},[42,154,155],{},"踩坑：",[36,157,158,161,164,167,170,173,176],{},[39,159,160],{},"React-only 是真硬性约束，stack 不匹配就别尝试",[39,162,163],{},"复杂业务逻辑（多角色权限 \u002F 工作流引擎）AI 规划深度不够",[39,165,166],{},"自定义 design system 不强，team brand 落地要手动",[39,168,169],{},"中文 UI \u002F 文档弱，prompt 用英文最佳",[39,171,172],{},"Agent+ $4,500\u002F月对个人 \u002F 早期团队明显过位",[39,174,175],{},"偶尔 multi-agent 阶段卡顿，要重试",[39,177,178],{},"数据持久化 \u002F 后端 API 仍要自己接（Tempo 主攻前端）",[21,180,181],{"id":181},"上手",[183,184,185,188,191,194,197,200,203],"ol",{},[39,186,187],{},"tempo.new → 注册（GitHub \u002F Google）→ 下客户端或用 Web",[39,189,190],{},"新建项目 → 写需求 prompt（含 user-flow 偏好）",[39,192,193],{},"multi-agent 出 user-flow 图 → 审阅 \u002F 改 → 确认",[39,195,196],{},"自动生成 React + Tailwind + shadcn 代码",[39,198,199],{},"可视化编辑器调样式 \u002F 布局，AI prompt 调逻辑",[39,201,202],{},"MCP App Store 加 Stripe \u002F Clerk \u002F Resend",[39,204,205],{},"GitHub 连接 → 一键 PR → 团队 review → merge",[21,207,208],{"id":208},"对比",[210,211,212,233],"table",{},[213,214,215],"thead",{},[216,217,218,222,224,227,230],"tr",{},[219,220,221],"th",{},"维度",[219,223,10],{},[219,225,226],{},"Bolt.new",[219,228,229],{},"Lovable",[219,231,232],{},"v0",[234,235,236,253,268,282,297,309,325,339,354],"tbody",{},[216,237,238,242,245,248,250],{},[239,240,241],"td",{},"形态",[239,243,244],{},"React-first builder",[239,246,247],{},"全栈 prompt-to-app",[239,249,247],{},[239,251,252],{},"UI 组件生成",[216,254,255,257,260,263,265],{},[239,256,44],{},[239,258,259],{},"✅ user-flow 图",[239,261,262],{},"部分",[239,264,262],{},[239,266,267],{},"–",[216,269,270,273,276,278,280],{},[239,271,272],{},"可视化编辑真代码",[239,274,275],{},"✅ React",[239,277,267],{},[239,279,267],{},[239,281,267],{},[216,283,284,287,290,293,295],{},[239,285,286],{},"GitHub PR",[239,288,289],{},"✅ 一键",[239,291,292],{},"✅",[239,294,292],{},[239,296,292],{},[216,298,299,301,303,305,307],{},[239,300,62],{},[239,302,292],{},[239,304,267],{},[239,306,267],{},[239,308,267],{},[216,310,311,314,317,320,322],{},[239,312,313],{},"框架",[239,315,316],{},"React only",[239,318,319],{},"多框架",[239,321,319],{},[239,323,324],{},"React (shadcn)",[216,326,327,330,333,335,337],{},[239,328,329],{},"代码导出",[239,331,332],{},"✅ Pro+",[239,334,292],{},[239,336,292],{},[239,338,292],{},[216,340,341,344,347,350,352],{},[239,342,343],{},"起价",[239,345,346],{},"$30\u002Fmo",[239,348,349],{},"$20\u002Fmo",[239,351,349],{},[239,353,349],{},[216,355,356,359,362,365,367],{},[239,357,358],{},"适合",[239,360,361],{},"React 开发者 + 早期团队",[239,363,364],{},"full-stack 快速验证",[239,366,364],{},[239,368,369],{},"UI 组件",[21,371,372],{"id":372},"避坑",[36,374,375,381,387,393,399,405,411,417],{},[39,376,377,380],{},[42,378,379],{},"stack 必须是 React","：Vue \u002F Svelte \u002F Solid 走别处，不要硬塞",[39,382,383,386],{},[42,384,385],{},"复杂业务逻辑分多 prompt","：一次喂太大 user-flow agent 会丢细节",[39,388,389,392],{},[42,390,391],{},"数据 \u002F 后端自己接","：Tempo 前端为主，Supabase \u002F Convex \u002F 自家 API 都得手动接",[39,394,395,398],{},[42,396,397],{},"Pro 配额监控","：复杂项目 flat-rate 也会用尽，要看 dashboard",[39,400,401,404],{},[42,402,403],{},"Agent+ 不要冲动","：$4,500\u002F月是给设计公司，先 Pro 跑两月看 ROI",[39,406,407,410],{},[42,408,409],{},"GitHub PR 别盲 merge","：AI 生成的 React 偶有 anti-pattern（useEffect 滥用 \u002F 多余 state），人工 review",[39,412,413,416],{},[42,414,415],{},"多 agent 卡顿","：失败重试 \u002F 简化 prompt，避免一次喂太多需求",[39,418,419,422],{},[42,420,421],{},"brand \u002F design system","：自家品牌深度定制要在生成后手动调，AI 主要给通用模板",[21,424,426],{"id":425},"适合-不适合","适合 \u002F 不适合",[36,428,429,432,435,438,441,444,447,450,453,456],{},[39,430,431],{},"✅ React 栈 solo \u002F 早期团队",[39,433,434],{},"✅ 中等复杂度产品（多页 + 简单业务逻辑）",[39,436,437],{},"✅ 设计师 + 前端协作（可视化 + 真代码）",[39,439,440],{},"✅ 需要 GitHub PR-friendly 流程",[39,442,443],{},"✅ flat-rate 预算偏好",[39,445,446],{},"❌ Vue \u002F Svelte \u002F Solid 栈",[39,448,449],{},"❌ 纯 landing page（Framer \u002F Webflow 更快）",[39,451,452],{},"❌ 纯后端 \u002F API",[39,454,455],{},"❌ 极复杂业务（多角色 \u002F 工作流引擎）",[39,457,458],{},"❌ 预算极紧（Free 不够，Pro 是底线）",[21,460,461],{"id":461},"相关阅读",[36,463,464,471,477,483],{},[39,465,466],{},[467,468,470],"a",{"href":469},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new","Bolt.new 评测",[39,472,473],{},[467,474,476],{"href":475},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable","Lovable 评测",[39,478,479],{},[467,480,482],{"href":481},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0","v0 评测",[39,484,485],{},[467,486,488],{"href":487},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent","Replit Agent 评测",[21,490,491],{"id":491},"来源",[183,493,494,502,509,516],{},[39,495,496,497],{},"Tempo 官网（产品定位 + 真 React 编辑）",[467,498,499],{"href":499,"rel":500},"https:\u002F\u002Fwww.tempo.new\u002F",[501],"nofollow",[39,503,504,505],{},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ $4,500 \u002F MCP App Store）",[467,506,507],{"href":507,"rel":508},"https:\u002F\u002Fvibecoding.app\u002Fblog\u002Ftempo-review",[501],[39,510,511,512],{},"AI Tools Mentor — Tempo Pricing & Specs（Free \u002F Pro $30）",[467,513,514],{"href":514,"rel":515},"https:\u002F\u002Fwww.aitoolsmentor.com\u002Ftool\u002Ftempo",[501],[39,517,518,519],{},"TheseAITools — Tempo Labs 功能 \u002F 用例 ",[467,520,521],{"href":521,"rel":522},"https:\u002F\u002Ftheseaitools.com\u002Ftools\u002Ftempo-labs",[501],{"title":524,"searchDepth":525,"depth":525,"links":526},"",3,[527,529,530,531,532,533,534,535,536,537],{"id":23,"depth":528,"text":24},2,{"id":34,"depth":528,"text":34},{"id":95,"depth":528,"text":95},{"id":124,"depth":528,"text":125},{"id":181,"depth":528,"text":181},{"id":208,"depth":528,"text":208},{"id":372,"depth":528,"text":372},{"id":425,"depth":528,"text":426},{"id":461,"depth":528,"text":461},{"id":491,"depth":528,"text":491},"builder","\u002Fimg\u002Ftools\u002Ftempo.webp","Tempo Labs 真实评测：YC 出身的 React-first AI 应用构建平台。多 agent 规划（出 user-flow 图再写代码）+ 可视化编辑器直接改产线 React + GitHub PR 推送 + MCP App Store（Stripe\u002FResend\u002FAuth 一键加）。Free + Pro $30\u002F月 flat-rate message credits + Agent+ $4,500\u002F月 含人工设计 \u002F code 审计。React-only 是定位也是局限。",false,"md",[544,547,550,553],{"q":545,"a":546},"和 Bolt.new \u002F Lovable \u002F v0 怎么选？","Tempo 主打『编辑真代码 + 可视化』，目标群体是已经懂 React 的开发者 \u002F 早期团队，输出 production React 代码 + GitHub PR。Bolt.new \u002F Lovable 更偏全栈 prompt-to-app（含后端 + 部署），v0 偏 shadcn UI 组件生成。要 React 控制度 + PR 工作流走 Tempo；要『一句话出可用应用』走 Bolt \u002F Lovable；要 UI 组件库走 v0。",{"q":548,"a":549},"为什么只支持 React？","Tempo 把所有精力压在 React 生态（含 shadcn \u002F Tailwind \u002F Next.js），换来更深度的可视化编辑 + 更干净的代码输出。代价是 Vue \u002F Svelte \u002F Solid 用户用不了——官方明确这是 deliberate trade-off。",{"q":551,"a":552},"Multi-agent 规划具体怎么工作？","Tempo 的差异点：写需求后，先有 agent 生成 user-flow 图（页面 \u002F 状态 \u002F 数据流），用户确认后再多个 agent 协作写代码——而不是直接 jump-to-code。适合中等复杂度产品；简单 landing page 反而觉得啰嗦。",{"q":554,"a":555},"MCP App Store 提供什么？","Tempo 内置的插件市场：Stripe 支付 \u002F Resend 邮件 \u002F Clerk Auth \u002F OpenAI agent \u002F 消息推送等，一键插入到生成的应用，不用自己写 integration 代码。这是 2026 年 builder 类工具普遍补齐的能力。",true,[558],"en","2026-08-02",{},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Ftempo","coding",[564,565,566,567],"web","macos","windows","linux",[569,573,577],{"plan":102,"price":570,"features":571,"notes":572},"$0","基础访问 + 有限 message credits + 小项目验证","试水 \u002F hobby",{"plan":108,"price":574,"features":575,"notes":576},"~$30\u002F月","更高 message 配额 + 全 AI 特性 + 完整代码导出 + GitHub PR + MCP App Store","solo \u002F 早期团队主力档",{"plan":114,"price":578,"features":579,"notes":580},"$4,500\u002F月","AI 生成 + 人工设计审查 + code 审计 + 优先支持","design-heavy 团队","Free \u002F Pro ~$30\u002F月 \u002F Agent+ $4,500\u002F月（含人工设计 + code 审计）","2026-06-19",[584],"onboarding\u002Fv0-cursor-workflow",{"power":586,"ux":587,"price":525,"cn_support":528,"stability":586},4,5,{"title":10,"description":540},"Tempo - React AI 应用构建平台评测 | AIHO","coding\u002Fbuilder\u002Ftempo",[592,595,597,599],{"name":593,"url":499,"accessed":594},"Tempo 官网","2026-06-24",{"name":596,"url":507,"accessed":594},"VibeCoding — Tempo Review 2026（多 agent \u002F Agent+ 定价）",{"name":598,"url":514,"accessed":594},"AI Tools Mentor — Tempo Pricing & Specs",{"name":600,"url":521,"accessed":594},"TheseAITools — Tempo Labs Features","tools\u002Fcoding\u002Fbuilder\u002Ftempo","React-first prompt-to-app + 多 agent 规划 + 可视化编辑——直接编辑产线 React 代码",[604,605,606,607,608,609,610],"react","app-builder","vibe-coding","multi-agent","figma","visual","mcp","React 栈想要『可视化 + 真代码 + PR-friendly』的 solo \u002F 早期团队首选。stack 非 React → Bolt.new \u002F Lovable \u002F v0。Agent+ $4,500 太贵适合 design-heavy team。","https:\u002F\u002Fwww.tempo.new","TcTnQCPJr9kbQfJ9vrL6KxpktM0U3cqdGgBGrgM__L8",[615,1258,1937,2429],{"id":616,"title":226,"alternatives":617,"api_compatible":16,"body":618,"category":538,"chinese_friendly":528,"cover":1176,"description":1177,"domestic":541,"extension":542,"faq":1178,"free":556,"github":1197,"languages":1198,"lastVerified":559,"meta":1199,"models":16,"navigation":556,"notSuitable":1200,"opensource":556,"path":469,"pillar":562,"platforms":1205,"priceTable":1206,"pricing":1221,"published":582,"relatedPlaybooks":1222,"relatedReviews":1225,"score":1228,"self_host":541,"seo":1229,"seoTitle":1230,"slug":12,"sources":1231,"stem":1242,"suitable":1243,"tagline":1248,"tags":1249,"updated":594,"verdict":1256,"website":1138,"__hash__":1257},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new.md",[13,14,15],{"type":18,"value":619,"toc":1160},[620,622,642,645,667,670,673,693,695,795,801,805,810,815,818,821,838,841,845,848,852,855,859,868,871,1034,1037,1089,1091,1098,1100,1129,1131,1150],[21,621,24],{"id":23},[623,624,629,639],"div",{"className":625},[626,627,628],"card","p-5","my-4",[26,630,631,634,635,638],{},[42,632,633],{},"一句话："," Bolt.new 是 ",[42,636,637],{},"StackBlitz 出品的「浏览器全栈 AI builder」","，靠自家 WebContainers 把 Node.js 跑进浏览器，不需要本地 npm\u002FDocker。一句话 → 全栈应用 + Supabase 后端 + 一键部署 Netlify，2 个月做到 $20M ARR。",[26,640,641],{},"做 MVP \u002F demo \u002F hackathon 没有之一最快。正式产品维护期仍需本地 IDE 接手。",[21,643,644],{"id":644},"它到底是个什么",[26,646,647,648,653,654,657,658,666],{},"Bolt.new 站在 ",[467,649,652],{"href":650,"rel":651},"https:\u002F\u002Fstackblitz.com",[501],"StackBlitz"," 多年积累的 ",[42,655,656],{},"WebContainers"," 技术上——一个让 Node.js 跑在浏览器 WASM 里的 runtime。这意味着你打开 bolt.new，",[42,659,660,661,665],{},"没有 ",[662,663,664],"code",{},"npm install","、没有 Docker、没有「works on my machine」","，dev server \u002F 包管理器 \u002F 终端全部在浏览器里。",[26,668,669],{},"Bolt 在这套地基上加了 AI agent 层：你描述需求 → AI 写代码 → WebContainer 装依赖 + 跑 dev → 右边浏览器预览。整个流程是真的「想到 → 看到」的秒级反馈。",[26,671,672],{},"差异化定位：",[36,674,675,681,687],{},[39,676,677,680],{},[42,678,679],{},"Cursor 假设你是开发者","，想要 AI 协助。",[39,682,683,686],{},[42,684,685],{},"Lovable 假设你可能永远不看代码","。",[39,688,689,692],{},[42,690,691],{},"Bolt 落在中间","：能不写一行代码，但完整代码就在你眼前可改。",[21,694,95],{"id":95},[210,696,697,712],{},[213,698,699],{},[216,700,701,704,706,709],{},[219,702,703],{},"档位",[219,705,95],{},[219,707,708],{},"Token 配额",[219,710,711],{},"适合谁",[234,713,714,726,739,753,767,781],{},[216,715,716,718,720,723],{},[239,717,102],{},[239,719,570],{},[239,721,722],{},"每日 ~150K token",[239,724,725],{},"探索 \u002F 评估",[216,727,728,730,733,736],{},[239,729,108],{},[239,731,732],{},"$20\u002F月",[239,734,735],{},"10M token\u002F月",[239,737,738],{},"个人 MVP",[216,740,741,744,747,750],{},[239,742,743],{},"Pro 50",[239,745,746],{},"$50\u002F月",[239,748,749],{},"26M token\u002F月",[239,751,752],{},"重度迭代",[216,754,755,758,761,764],{},[239,756,757],{},"Pro 100",[239,759,760],{},"$100\u002F月",[239,762,763],{},"55M token\u002F月",[239,765,766],{},"多项目并行",[216,768,769,772,775,778],{},[239,770,771],{},"Pro 200",[239,773,774],{},"$200\u002F月",[239,776,777],{},"120M token\u002F月",[239,779,780],{},"重度专业",[216,782,783,786,789,792],{},[239,784,785],{},"Teams",[239,787,788],{},"$60\u002F用户\u002F月起",[239,790,791],{},"团队共享",[239,793,794],{},"团队协作",[26,796,797,800],{},[42,798,799],{},"重点提醒","：复杂项目重度迭代一个 session 能烧 300K token。如果你打算用 Bolt 跑严肃 MVP，预期月度成本 $50+ 而不是 $20。",[21,802,804],{"id":803},"真实任务实测基于公开素材归纳","真实任务实测（基于公开素材归纳）",[117,806,807],{},[26,808,809],{},"来源说明：以下场景为 Bolt.new 公开演示视频与第三方评测（vibecoding.app、Tool Junction）的工作流归纳。",[811,812,814],"h3",{"id":813},"任务-11-小时出一个-saas-原型","任务 1：1 小时出一个 SaaS 原型",[26,816,817],{},"prompt：\"做一个 todo SaaS，Supabase 后端，邮箱注册，每个用户能加\u002F删\u002F改\u002F标完成\"",[26,819,820],{},"Bolt 流程：",[183,822,823,826,829,832,835],{},[39,824,825],{},"选技术栈（React + Vite + Tailwind）",[39,827,828],{},"装依赖（浏览器内 npm install，~30 秒）",[39,830,831],{},"写代码（auth \u002F RLS policy \u002F CRUD endpoints）",[39,833,834],{},"起 dev server 显示预览",[39,836,837],{},"用户在浏览器里就能注册测试",[26,839,840],{},"时间：~45 分钟，含手动调整 UI。",[811,842,844],{"id":843},"任务-2figma-设计稿导入","任务 2：Figma 设计稿导入",[26,846,847],{},"Bolt 支持 Figma URL 导入，AI 根据图层结构生成响应式组件。准确率 70% 左右，复杂动效需要手动改。",[811,849,851],{"id":850},"任务-3一键部署-netlify","任务 3：一键部署 Netlify",[26,853,854],{},"完成后点 \"Deploy\"，Bolt 直接推到 Netlify（也支持 Cloudflare Pages）。10 秒后拿到一个可访问 URL，比手动部署省半小时。",[21,856,858],{"id":857},"上手-5-分钟","上手 5 分钟",[860,861,866],"pre",{"className":862,"code":864,"language":865,"meta":524},[863],"language-text","1. 浏览器打开 https:\u002F\u002Fbolt.new\n2. 用 GitHub 登录\n3. 输入第一个 prompt（用英文，中文 prompt 偶尔出英文 UI）\n4. 等 30-60 秒看到代码生成 + 预览\n5. 在 Chat 里迭代（\"加一个登录页\"、\"改成深色主题\"）\n6. Connect Supabase（一键）\u002F Connect Netlify（部署）\u002F Push to GitHub（导出）\n","text",[662,867,864],{"__ignoreMap":524},[21,869,870],{"id":870},"同类对比",[210,872,873,889],{},[213,874,875],{},[216,876,877,879,881,883,886],{},[219,878,221],{},[219,880,226],{},[219,882,229],{},[219,884,885],{},"v0 by Vercel",[219,887,888],{},"Replit Agent",[234,890,891,908,925,940,956,973,989,1004,1018],{},[216,892,893,896,899,902,905],{},[239,894,895],{},"母体",[239,897,898],{},"StackBlitz WebContainer",[239,900,901],{},"自研（GPT Engineer 派生）",[239,903,904],{},"Vercel + shadcn\u002Fui",[239,906,907],{},"Replit IDE",[216,909,910,913,916,919,922],{},[239,911,912],{},"技术栈",[239,914,915],{},"多框架全栈",[239,917,918],{},"React + Supabase",[239,920,921],{},"React\u002FNext.js only",[239,923,924],{},"50+ 语言",[216,926,927,930,933,936,938],{},[239,928,929],{},"Runtime",[239,931,932],{},"浏览器（WebContainer）",[239,934,935],{},"云端",[239,937,935],{},[239,939,935],{},[216,941,942,945,948,950,953],{},[239,943,944],{},"后端",[239,946,947],{},"Supabase 一键",[239,949,947],{},[239,951,952],{},"手动",[239,954,955],{},"Replit DB \u002F Postgres",[216,957,958,961,964,967,970],{},[239,959,960],{},"部署",[239,962,963],{},"Netlify \u002F Cloudflare",[239,965,966],{},"Lovable 自家",[239,968,969],{},"Vercel",[239,971,972],{},"Replit 自家",[216,974,975,978,980,983,986],{},[239,976,977],{},"Free 额度",[239,979,722],{},[239,981,982],{},"5 message\u002F天",[239,984,985],{},"$5 credit\u002F月",[239,987,988],{},"150K token\u002F天",[216,990,991,993,995,998,1001],{},[239,992,343],{},[239,994,732],{},[239,996,997],{},"$20\u002F月（Starter）",[239,999,1000],{},"$20\u002F月（Premium）",[239,1002,1003],{},"$20\u002F月（Core）",[216,1005,1006,1009,1012,1014,1016],{},[239,1007,1008],{},"中文",[239,1010,1011],{},"❌",[239,1013,1011],{},[239,1015,1011],{},[239,1017,262],{},[216,1019,1020,1022,1025,1028,1031],{},[239,1021,358],{},[239,1023,1024],{},"多框架全栈 prototype",[239,1026,1027],{},"非技术 + Supabase MVP",[239,1029,1030],{},"React 前端组件",[239,1032,1033],{},"多语言 + 移动端",[21,1035,1036],{"id":1036},"避坑清单",[183,1038,1039,1045,1051,1057,1067,1073,1079],{},[39,1040,1041,1044],{},[42,1042,1043],{},"Pro $20 看上去够，实际可能 1 周烧光","。重度 prompt 用户预算到 Pro 50。",[39,1046,1047,1050],{},[42,1048,1049],{},"复杂业务逻辑 AI 容易出错","，比如多角色权限 \u002F 复杂 reducer \u002F 嵌套 state，需要手动接管。",[39,1052,1053,1056],{},[42,1054,1055],{},"Supabase 生产环境另外花钱","：Bolt 帮你接 Supabase，但 Supabase 自己的 Pro $25\u002F月也躲不掉，加上 Bolt 总开销 $45+ 起。",[39,1058,1059,1062,1063,1066],{},[42,1060,1061],{},"导出代码后本地跑可能要补 .env","，Bolt 浏览器内能跑不代表本地 ",[662,1064,1065],{},"npm install + npm run dev"," 直接通——尤其 Supabase key 类配置。",[39,1068,1069,1072],{},[42,1070,1071],{},"国内访问可能慢","，CDN 节点在欧美，第一次加载 WebContainer 可能 30 秒+。",[39,1074,1075,1078],{},[42,1076,1077],{},"WebContainer 不支持所有原生模块","（比如需要 fsevents \u002F native binding 的包），偶尔会撞墙。",[39,1080,1081,1084,1085,1088],{},[42,1082,1083],{},"生成代码不是生产级","，TypeScript 类型偶尔 ",[662,1086,1087],{},"any","、可访问性偶尔缺；适合 0→1，不适合 1→1000。",[21,1090,426],{"id":425},[26,1092,1093,1094,1097],{},"✅ Indie hacker \u002F hackathon \u002F MVP；非技术创始人；多框架前端 prototype；快速 demo。",[1095,1096],"br",{},"\n❌ 复杂业务逻辑系统；需要长期维护到自有云；中文场景重度依赖；对 token 用量敏感。",[21,1099,461],{"id":461},[36,1101,1102,1109,1116],{},[39,1103,1104,1105],{},"配套 playbook：",[467,1106,1108],{"href":1107},"\u002Fplaybook\u002Fbolt-vs-lovable-vs-v0.html","Bolt vs Lovable vs v0 怎么选",[39,1110,1111,1112],{},"同分类：",[467,1113,1115],{"href":1114},"\u002Fcoding\u002Fbuilder\u002F","AI 应用 Builder 全分类",[39,1117,1118,1119,1122,1123,1122,1126],{},"替代品：",[467,1120,229],{"href":1121},"\u002Fcoding\u002Fbuilder\u002Flovable.html"," · ",[467,1124,232],{"href":1125},"\u002Fcoding\u002Fbuilder\u002Fv0.html",[467,1127,888],{"href":1128},"\u002Fcoding\u002Fbuilder\u002Freplit-agent.html",[21,1130,491],{"id":491},[36,1132,1133,1140,1147],{},[39,1134,1135,1136],{},"官网：",[467,1137,1138],{"href":1138,"rel":1139},"https:\u002F\u002Fbolt.new",[501],[39,1141,1142,1143],{},"融资 \u002F 公司信息：",[467,1144,1145],{"href":1145,"rel":1146},"https:\u002F\u002Fapp.dealroom.co\u002Fcompanies\u002Fbolt_stackblitz",[501],[39,1148,1149],{},"第三方评测：vibecoding.app 2026-03 评测、Tool Junction StackBlitz 评测、Metacto 关于 Supabase 真实成本",[117,1151,1152],{},[26,1153,1154,1155,1159],{},"本卡片由 AIHO 编辑部根据以上公开资料整理，非厂商付费内容；定价与功能以官网为准，欢迎在 ",[467,1156,1158],{"href":1157},"mailto:hello@aiho.net","反馈邮箱"," 反馈更新。",{"title":524,"searchDepth":525,"depth":525,"links":1161},[1162,1163,1164,1165,1170,1171,1172,1173,1174,1175],{"id":23,"depth":528,"text":24},{"id":644,"depth":528,"text":644},{"id":95,"depth":528,"text":95},{"id":803,"depth":528,"text":804,"children":1166},[1167,1168,1169],{"id":813,"depth":525,"text":814},{"id":843,"depth":525,"text":844},{"id":850,"depth":525,"text":851},{"id":857,"depth":528,"text":858},{"id":870,"depth":528,"text":870},{"id":1036,"depth":528,"text":1036},{"id":425,"depth":528,"text":426},{"id":461,"depth":528,"text":461},{"id":491,"depth":528,"text":491},"\u002Fimg\u002Ftools\u002Fbolt-new.webp","Bolt.new 真实评测：StackBlitz 出品的 AI Web 应用生成器（$20M ARR \u002F 2 个月），WebContainers 让 Node.js 在浏览器里跑、Supabase 一键集成、Figma\u002FGitHub 导入、一键部署 Netlify；2 个月 ARR $20M 不是吹的。",[1179,1182,1185,1188,1191,1194],{"q":1180,"a":1181},"Bolt.new 和 StackBlitz 什么关系？","Bolt.new 是 StackBlitz 团队做的 AI 产品，底层用 StackBlitz 的 WebContainers 技术（Node.js 跑在浏览器 WASM 里），所以装依赖、起 dev server、看预览都在浏览器一气呵成，不像 v0 \u002F Lovable 那样要走云端容器。",{"q":1183,"a":1184},"和 Lovable \u002F v0 怎么选？","Bolt 介于「开发者向 Cursor」和「非开发者向 Lovable」之间——你可以一句话不写代码，但全代码也露出在你眼前可改；v0 偏前端组件（React only），Lovable 更聚焦「非技术创始人 + Supabase 后端」。三者都做原型，但 Bolt 的多框架支持最广。",{"q":1186,"a":1187},"Bolt 会爆 token 吗？","会。一个复杂项目重度迭代单 session 能烧 300K token。Pro $20 包含 10M token\u002F月，重项目一周可能烧光，要升到 Pro 50。",{"q":1189,"a":1190},"支持哪些框架？","React \u002F Vue \u002F Svelte \u002F Astro \u002F Next.js \u002F Nuxt \u002F Remix \u002F SolidJS \u002F Angular 全支持。Bolt 是目前框架覆盖最广的 builder。",{"q":1192,"a":1193},"Supabase 集成深吗？","深。一键起 auth + database + storage + RLS（row-level security），不是浮在表面的配置，比手动配舒服很多。",{"q":1195,"a":1196},"可以导出代码吗？","可以。GitHub 一键 push，或者 zip 下载。代码质量比 Lovable 稍干净，可在本地 IDE 接着写。","https:\u002F\u002Fgithub.com\u002Fstackblitz\u002Fbolt.new",[558],{},[1201,1202,1203,1204],"复杂业务逻辑系统（AI 容易出错）","需要长期维护 \u002F 生产部署到自有云的项目","中文场景重度依赖（UI 全英文）","对 token 配额敏感（重度迭代一周可烧光月度）",[564],[1207,1211,1213,1218],{"plan":102,"price":570,"limit":1208,"cn_pay":1209,"note":1210},"每日 ~150K 免费 token，足够探索；项目数有限","—","试用",{"plan":108,"price":732,"limit":1212,"cn_pay":1209,"note":738},"10M token\u002F月（重项目 300K\u002F会话可能一周烧光）",{"plan":1214,"price":1215,"limit":1216,"cn_pay":1209,"note":1217},"Pro 50 \u002F 100 \u002F 200","$50 \u002F $100 \u002F $200\u002F月","26M \u002F 55M \u002F 120M token，按月度用量阶梯","重度 prompt 用户",{"plan":785,"price":788,"limit":1219,"cn_pay":1209,"note":1220},"团队、共享项目、协作","团队档","Free \u002F Pro $20\u002F月 \u002F Pro 50 $50 \u002F Pro 100 $100 \u002F Pro 200 $200 \u002F Teams",[1223,1224],"ai-coding\u002Fbolt-vs-lovable-vs-v0","ai-coding\u002Fmvp-in-one-hour",[1226,1227],"ai-builders-comparison","ai-coding-tool-decision-tree",{"power":586,"ux":587,"price":586,"cn_support":528,"stability":586},{"title":226,"description":1177},"Bolt.new 评测 2026：AI 全栈应用生成器，自然语言构建 Web 应用",[1232,1234,1236,1239],{"title":1233,"url":1138},"Bolt.new 官网",{"title":1235,"url":1145},"StackBlitz \u002F Bolt 融资信息（Dealroom）",{"title":1237,"url":1238},"Bolt.new 评测（vibecoding.app 2026-03）","https:\u002F\u002Fvibecoding.app\u002Fblog\u002Fbolt-new-review",{"title":1240,"url":1241},"Supabase Pricing（Metacto 2026）","https:\u002F\u002Fwww.metacto.com\u002Fblogs\u002Fthe-true-cost-of-supabase-a-comprehensive-guide-to-pricing-integration-and-maintenance","tools\u002Fcoding\u002Fbuilder\u002Fbolt-new",[1244,1245,1246,1247],"Indie hacker \u002F hackathon \u002F MVP 验证","非技术创始人（写 prompt 比写代码顺）","前端为主的项目（Vue \u002F React \u002F Svelte \u002F Astro \u002F Next.js）","需要快速 demo 给投资人 \u002F 客户看","一句话生成全栈 Web 应用，StackBlitz 出品",[1250,1251,564,1252,1253,1254,1255],"app-generator","fullstack","prototype","supabase","webcontainer","stackblitz","做原型 \u002F demo \u002F MVP 最快的方式，没有之一。WebContainer 让所有依赖在浏览器里跑、Supabase 直连。正式产品仍需自己在本地 IDE 维护；Bolt 适合一次性生成 + 导出。","5lPcbOhwZ8Hcg7JCb2LMQ81h4S3AiXdbXbqp3dQ5Pyw",{"id":1259,"title":229,"alternatives":1260,"api_compatible":1261,"body":1264,"category":538,"chinese_friendly":528,"cover":1867,"description":1868,"domestic":541,"extension":542,"faq":1869,"free":556,"github":524,"languages":1888,"lastVerified":559,"meta":1889,"models":16,"navigation":556,"notSuitable":1890,"opensource":541,"path":475,"pillar":562,"platforms":1895,"priceTable":1896,"pricing":1908,"published":582,"relatedPlaybooks":1909,"relatedReviews":1911,"score":1912,"self_host":541,"seo":1913,"seoTitle":1914,"slug":13,"sources":1915,"stem":1926,"suitable":1927,"tagline":1932,"tags":1933,"updated":594,"verdict":1935,"website":1815,"__hash__":1936},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable.md",[12,14,15],[1262,1263],"OpenAI","Anthropic",{"type":18,"value":1265,"toc":1851},[1266,1268,1283,1285,1288,1315,1318,1391,1395,1468,1473,1490,1493,1498,1555,1557,1562,1566,1569,1572,1586,1589,1593,1596,1600,1603,1605,1611,1613,1732,1734,1778,1780,1786,1788,1807,1809,1845],[21,1267,24],{"id":23},[623,1269,1271,1280],{"className":1270},[626,627,628],[26,1272,1273,1275,1276,1279],{},[42,1274,633],{}," Lovable 是「非技术创始人版的 Bolt」——前身 GPT Engineer，2026 ARR 突破 $300M。一句话生成全栈 web 应用 + Supabase 后端 + Lovable 自家部署，",[42,1277,1278],{},"积分制"," 计费、UI 隐藏代码复杂度比 Bolt 更彻底。",[26,1281,1282],{},"可产出物 Bolt 更干净，Lovable 更完整。真实月度 TCO 含 Supabase ≥ $50。",[21,1284,644],{"id":644},[26,1286,1287],{},"Lovable 是浏览器内的 AI App Builder：",[36,1289,1290,1295,1300,1305,1310],{},[39,1291,1292,1294],{},[42,1293,241],{},"：左边 Chat 输需求，右边实时预览，\"非开发者也能用\"是核心定位。",[39,1296,1297,1299],{},[42,1298,912],{},"：默认 React + Tailwind + Supabase，下层走 GPT-4o \u002F Claude 等。",[39,1301,1302,1304],{},[42,1303,944],{},"：Supabase 一键 connect（auth + database + storage + edge functions）。",[39,1306,1307,1309],{},[42,1308,960],{},"：Lovable 自家 cloud，自动域名 + HTTPS，Pro+ 可绑自定义域名。",[39,1311,1312,1314],{},[42,1313,1278],{},"：每个 prompt 消耗 credit，复杂度不同消耗不同；不是 token 也不是 message-quota。",[26,1316,1317],{},"它和 Bolt 经常被一起讨论但定位不一样：",[210,1319,1320,1331],{},[213,1321,1322],{},[216,1323,1324,1327,1329],{},[219,1325,1326],{},"关注点",[219,1328,229],{},[219,1330,226],{},[234,1332,1333,1344,1355,1366,1374,1383],{},[216,1334,1335,1338,1341],{},[239,1336,1337],{},"目标用户",[239,1339,1340],{},"非技术创始人",[239,1342,1343],{},"开发者 + 非技术",[216,1345,1346,1349,1352],{},[239,1347,1348],{},"代码可见度",[239,1350,1351],{},"隐藏在 IDE 里",[239,1353,1354],{},"始终可见",[216,1356,1357,1360,1363],{},[239,1358,1359],{},"后端整合",[239,1361,1362],{},"Supabase 深度",[239,1364,1365],{},"Supabase 集成",[216,1367,1368,1370,1372],{},[239,1369,313],{},[239,1371,316],{},[239,1373,319],{},[216,1375,1376,1378,1381],{},[239,1377,960],{},[239,1379,1380],{},"自家 cloud",[239,1382,963],{},[216,1384,1385,1387,1389],{},[239,1386,929],{},[239,1388,935],{},[239,1390,932],{},[21,1392,1394],{"id":1393},"价格重点积分-隐性成本","价格（重点：积分 + 隐性成本）",[210,1396,1397,1412],{},[213,1398,1399],{},[216,1400,1401,1403,1406,1409],{},[219,1402,703],{},[219,1404,1405],{},"显式月费",[219,1407,1408],{},"积分",[219,1410,1411],{},"关键差异",[234,1413,1414,1426,1441,1454],{},[216,1415,1416,1418,1420,1423],{},[239,1417,102],{},[239,1419,570],{},[239,1421,1422],{},"每日 5 message",[239,1424,1425],{},"Lovable 子域名",[216,1427,1428,1430,1435,1438],{},[239,1429,108],{},[239,1431,1432],{},[42,1433,1434],{},"$25\u002F月",[239,1436,1437],{},"100 + 每日 5 bonus（不滚存）",[239,1439,1440],{},"自定义域名 \u002F 优先生成 \u002F top-up",[216,1442,1443,1446,1448,1451],{},[239,1444,1445],{},"Business",[239,1447,746],{},[239,1449,1450],{},"同 Pro",[239,1452,1453],{},"私有项目 \u002F RBAC \u002F SSO \u002F 优先支持",[216,1455,1456,1459,1462,1465],{},[239,1457,1458],{},"Enterprise",[239,1460,1461],{},"Custom",[239,1463,1464],{},"自议",[239,1466,1467],{},"SCIM \u002F 专属支持 \u002F 自定义集成",[26,1469,1470],{},[42,1471,1472],{},"真实积分消耗参考（来自第三方评测和用户笔记）：",[36,1474,1475,1478,1481,1484,1487],{},[39,1476,1477],{},"改一个按钮颜色：~0.5 credit",[39,1479,1480],{},"删 footer：~0.9 credit",[39,1482,1483],{},"简单修改：~1 credit",[39,1485,1486],{},"初始建项目：~2 credit",[39,1488,1489],{},"一个完整 MVP（含 auth + database + UI）：50-100 credit",[26,1491,1492],{},"100 credit\u002F月只能撑住中等复杂度的一个 MVP；多项目或复杂业务需要 top-up 或 upgrade。",[26,1494,1495],{},[42,1496,1497],{},"真实月度 TCO（容易被忽略的隐性成本）：",[210,1499,1500,1510],{},[213,1501,1502],{},[216,1503,1504,1507],{},[219,1505,1506],{},"项目",[219,1508,1509],{},"金额（年）",[234,1511,1512,1520,1527,1535,1543],{},[216,1513,1514,1517],{},[239,1515,1516],{},"Lovable Pro",[239,1518,1519],{},"$300",[216,1521,1522,1525],{},[239,1523,1524],{},"Supabase Pro（生产必须）",[239,1526,1519],{},[216,1528,1529,1532],{},[239,1530,1531],{},"域名",[239,1533,1534],{},"$12",[216,1536,1537,1540],{},[239,1538,1539],{},"Lovable Cloud（2026 推广期后）",[239,1541,1542],{},"~$1200\u002F年（推广 $25\u002F月额度）",[216,1544,1545,1550],{},[239,1546,1547],{},[42,1548,1549],{},"Solo 年度真实 TCO",[239,1551,1552],{},[42,1553,1554],{},"$612-1812",[21,1556,804],{"id":803},[117,1558,1559],{},[26,1560,1561],{},"来源说明：以下场景为 Lovable 官方 demo + 第三方评测（Flowith \u002F Zite \u002F CheckThat.ai 等）的工作流归纳。",[811,1563,1565],{"id":1564},"任务-11-小时出-saas-mvp含登录-数据库","任务 1：1 小时出 SaaS MVP（含登录 + 数据库）",[26,1567,1568],{},"prompt: \"Build a task management SaaS with email login, projects, and team collaboration. Use Supabase for backend.\"",[26,1570,1571],{},"Lovable 流程：",[183,1573,1574,1577,1580,1583],{},[39,1575,1576],{},"自动建 Supabase 项目（auth + database table + RLS）",[39,1578,1579],{},"生成 React 前端（路由 + 表单 + dashboard）",[39,1581,1582],{},"连数据 + 起预览",[39,1584,1585],{},"你在 Chat 里继续迭代（\"加 dark mode\"、\"加 team invite 流程\"）",[26,1587,1588],{},"约 60-90 分钟出一个能 demo 的版本，~50 credit。",[811,1590,1592],{"id":1591},"任务-2figma-转应用","任务 2：Figma 转应用",[26,1594,1595],{},"可上传 Figma URL → 解析布局 → 生成对应 React 组件。准确率 65-75%，复杂动效需要手动改。",[811,1597,1599],{"id":1598},"任务-3自定义域名-部署","任务 3：自定义域名 + 部署",[26,1601,1602],{},"Pro+ 可连自有域名（DNS CNAME 到 Lovable）。部署一键，HTTPS 自动。流程比 Bolt+Netlify 略简单，但锁定在 Lovable 平台。",[21,1604,858],{"id":857},[860,1606,1609],{"className":1607,"code":1608,"language":865,"meta":524},[863],"1. 浏览器 https:\u002F\u002Flovable.dev\n2. GitHub 登录\n3. 第一个 prompt（英文，描述完整产品需求）\n4. 等 1-3 分钟看到完整应用 + 后端\n5. 试用 + 在 Chat 里迭代\n6. Connect Supabase（一键）\u002F 连自定义域名（Pro+）\u002F Push to GitHub（导出代码）\n",[662,1610,1608],{"__ignoreMap":524},[21,1612,870],{"id":870},[210,1614,1615,1629],{},[213,1616,1617],{},[216,1618,1619,1621,1623,1625,1627],{},[219,1620,221],{},[219,1622,229],{},[219,1624,226],{},[219,1626,232],{},[219,1628,888],{},[234,1630,1631,1644,1661,1676,1690,1704,1719],{},[216,1632,1633,1635,1638,1640,1642],{},[239,1634,895],{},[239,1636,1637],{},"GPT Engineer 派生",[239,1639,898],{},[239,1641,904],{},[239,1643,907],{},[216,1645,1646,1648,1653,1655,1658],{},[239,1647,1337],{},[239,1649,1650],{},[42,1651,1652],{},"非技术",[239,1654,1343],{},[239,1656,1657],{},"React 开发者",[239,1659,1660],{},"多语言开发者",[216,1662,1663,1666,1668,1671,1674],{},[239,1664,1665],{},"计费模型",[239,1667,1278],{},[239,1669,1670],{},"Token 阶梯",[239,1672,1673],{},"Token + 月费",[239,1675,1673],{},[216,1677,1678,1680,1682,1685,1687],{},[239,1679,944],{},[239,1681,1362],{},[239,1683,1684],{},"Supabase",[239,1686,952],{},[239,1688,1689],{},"Replit DB",[216,1691,1692,1694,1696,1699,1701],{},[239,1693,960],{},[239,1695,1380],{},[239,1697,1698],{},"Netlify",[239,1700,969],{},[239,1702,1703],{},"Replit",[216,1705,1706,1709,1712,1715,1717],{},[239,1707,1708],{},"自定义域名",[239,1710,1711],{},"Pro+",[239,1713,1714],{},"Netlify 配",[239,1716,969],{},[239,1718,1703],{},[216,1720,1721,1723,1726,1728,1730],{},[239,1722,1008],{},[239,1724,1725],{},"弱",[239,1727,1725],{},[239,1729,1725],{},[239,1731,262],{},[21,1733,1036],{"id":1036},[183,1735,1736,1742,1748,1754,1760,1766,1772],{},[39,1737,1738,1741],{},[42,1739,1740],{},"积分制不直观，先算预算再决定档位","。复杂 MVP 100 credit 紧巴巴，建议 Pro $25 + top-up 或直接 Business $50。",[39,1743,1744,1747],{},[42,1745,1746],{},"Supabase Pro 隐性成本 $25\u002F月","——Free tier 7 天不活跃自动暂停，生产应用必须升 Pro。",[39,1749,1750,1753],{},[42,1751,1752],{},"Lovable Cloud 2026 后期才正式按量计费","，目前 $25\u002F月推广额度到期日不固定，留意账单。",[39,1755,1756,1759],{},[42,1757,1758],{},"生成代码 export 后清理量大","：Lovable 的代码生成痕迹比 Bolt 重，长期维护需手动 cleanup。",[39,1761,1762,1765],{},[42,1763,1764],{},"复杂业务逻辑容易掉链子","：多角色权限、复杂 reducer、嵌套 state——AI 出错率上升，要分多轮 prompt 而非一次写完。",[39,1767,1768,1771],{},[42,1769,1770],{},"退款仅 24 小时窗口","，订阅前先用 Free 跑一遍判断匹配度。",[39,1773,1774,1777],{},[42,1775,1776],{},"i18n 弱","：默认输出英文 UI，多语言项目需要在 prompt 反复强调；中文场景 fallback 到 Bolt + 自己改 UI 或者 Trae 国内版。",[21,1779,426],{"id":425},[26,1781,1782,1783,1785],{},"✅ 非技术创始人 \u002F 产品经理；MVP 验证；需要 Supabase 全栈开箱；需要专业 demo URL。",[1095,1784],{},"\n❌ 自定义后端架构；复杂业务逻辑；预算预测敏感；中文重度场景。",[21,1787,461],{"id":461},[36,1789,1790,1794,1798],{},[39,1791,1104,1792],{},[467,1793,1108],{"href":1107},[39,1795,1111,1796],{},[467,1797,1115],{"href":1114},[39,1799,1118,1800,1122,1803,1122,1805],{},[467,1801,226],{"href":1802},"\u002Fcoding\u002Fbuilder\u002Fbolt-new.html",[467,1804,232],{"href":1125},[467,1806,888],{"href":1128},[21,1808,491],{"id":491},[36,1810,1811,1817,1824,1831,1838],{},[39,1812,1135,1813],{},[467,1814,1815],{"href":1815,"rel":1816},"https:\u002F\u002Flovable.dev",[501],[39,1818,1819,1820],{},"定价深度解析：",[467,1821,1822],{"href":1822,"rel":1823},"https:\u002F\u002Fflowith.io\u002Fblog\u002Flovable-pricing-2026-free-vs-starter-vs-pro",[501],[39,1825,1826,1827],{},"TCO 分析：",[467,1828,1829],{"href":1829,"rel":1830},"https:\u002F\u002Fcheckthat.ai\u002Fbrands\u002Flovable\u002Fpricing",[501],[39,1832,1833,1834],{},"评测：",[467,1835,1836],{"href":1836,"rel":1837},"https:\u002F\u002Fen.ai-pedias.com\u002Ftools\u002Flovable",[501],[39,1839,1840,1841],{},"积分 \u002F Cloud 详解：",[467,1842,1843],{"href":1843,"rel":1844},"https:\u002F\u002Fwww.zite.com\u002Fblog\u002Flovable-pricing",[501],[117,1846,1847],{},[26,1848,1154,1849,1159],{},[467,1850,1158],{"href":1157},{"title":524,"searchDepth":525,"depth":525,"links":1852},[1853,1854,1855,1856,1861,1862,1863,1864,1865,1866],{"id":23,"depth":528,"text":24},{"id":644,"depth":528,"text":644},{"id":1393,"depth":528,"text":1394},{"id":803,"depth":528,"text":804,"children":1857},[1858,1859,1860],{"id":1564,"depth":525,"text":1565},{"id":1591,"depth":525,"text":1592},{"id":1598,"depth":525,"text":1599},{"id":857,"depth":528,"text":858},{"id":870,"depth":528,"text":870},{"id":1036,"depth":528,"text":1036},{"id":425,"depth":528,"text":426},{"id":461,"depth":528,"text":461},{"id":491,"depth":528,"text":491},"\u002Fimg\u002Ftools\u002Flovable.webp","Lovable 真实评测：前身 GPT Engineer，从 prompt 到全栈应用 + Supabase 后端的 AI Builder。2026 年 ARR 突破 $300M；积分计费、Cloud \u002F AI 一体化、4 档套餐 + 隐性 Supabase \u002F 域名成本，含真实 TCO 分析与避坑清单。",[1870,1873,1876,1879,1882,1885],{"q":1871,"a":1872},"Lovable 和 Bolt 怎么选？","Lovable 更非技术友好（UI \u002F 隐藏复杂度更彻底），Supabase 整合更深、有完整的 auth \u002F database \u002F 部署一条龙；Bolt 让你看到代码、多框架支持、WebContainer 在浏览器内跑。非技术创始人选 Lovable，开发者优先 Bolt。",{"q":1874,"a":1875},"积分制怎么算？","Lovable 用积分（credit）而非 token。简单操作（改按钮颜色）~0.5 credit、删 footer ~0.9、初始建项目 ~2 credit。Pro $25\u002F月含 100 credit + 每日 5 bonus（不滚存）。复杂 MVP 单个完整流程 ~50-100 credit，能撑住但要节制。",{"q":1877,"a":1878},"真实月度成本是多少？","Lovable Pro $25 + Supabase Pro $25\u002F月 + 域名 $1\u002F月 ≈ $51\u002F月。生产应用通常更高（Supabase 用量超 + Lovable Cloud 推广期结束后 $25\u002F月起的 hosting）。Solo dev 真实 TCO 一年 $612-912。",{"q":1880,"a":1881},"Lovable Cloud 是什么？","Lovable 2026 推出的全栈托管平台，含数据库（Supabase）+ 文件存储 + AI 集成。订阅含 $25\u002F月 Cloud 推广额度 + $1\u002F月 AI 额度（promotional），到期后按用量计费。",{"q":1883,"a":1884},"支持中文 prompt 吗？","支持但 UI 全英文。生成的 UI 默认英文，需要在 prompt 里明确指定语言。i18n 支持较弱，建议英文项目优先。",{"q":1886,"a":1887},"代码可导出吗？","Pro+ 支持 GitHub 同步导出。代码质量介于 Bolt 和 Replit 之间——可读但生成痕迹明显，导出后需要 cleanup 才适合长期维护。",[558],{},[1891,1892,1893,1894],"需要自定义后端架构（Supabase 之外）","复杂业务逻辑（积分会快速消耗）","对预算预测敏感（积分制不直观）","中文重度场景",[564],[1897,1899,1902,1905],{"plan":102,"price":570,"limit":1898,"cn_pay":1209,"note":1210},"每日 5 message、1-2 个项目、Lovable 子域名",{"plan":108,"price":1900,"limit":1901,"cn_pay":1209,"note":738},"$25\u002F月（最新文档 $20-25 浮动）","~100 message\u002F月、每日 5 bonus、自定义域名、top-up 可购",{"plan":1445,"price":746,"limit":1903,"cn_pay":1209,"note":1904},"私有项目、RBAC、SSO、优先支持","团队 \u002F 合规",{"plan":1458,"price":1461,"limit":1906,"cn_pay":1209,"note":1907},"SCIM、专属支持、onboarding、自定义集成","大企业","Free \u002F Pro $25\u002F月 \u002F Business $50\u002F月 \u002F Enterprise",[1223,1910],"ai-coding\u002Fmvp-credit-budget",[1226,1227],{"power":586,"ux":586,"price":525,"cn_support":528,"stability":525},{"title":229,"description":1868},"Lovable 评测 2026：AI 全栈应用生成平台，GPT Engineer 进化版",[1916,1918,1920,1922,1924],{"title":1917,"url":1815},"Lovable 官网",{"title":1919,"url":1822},"Lovable 定价深度解析（Flowith 2026）",{"title":1921,"url":1829},"Lovable Pricing TCO 分析（CheckThat.ai 2026）",{"title":1923,"url":1836},"Lovable 评测（AIpedia 2026-06）",{"title":1925,"url":1843},"Lovable 积分 \u002F Cloud 详解（Zite 2026-02）","tools\u002Fcoding\u002Fbuilder\u002Flovable",[1928,1929,1930,1931],"非技术创始人 \u002F 产品经理（不想看代码）","MVP 验证（写 prompt 比写代码顺）","需要 Supabase 全栈后端开箱即用","需要专业可见性（自定义域名 + 公开 demo）","前 GPT Engineer，从 prompt 到全栈应用 + Supabase 后端",[1250,1252,1251,609,1253,1934],"credit-based","和 Bolt 定位相近，但更偏「非技术创始人 + Supabase 后端 + 完整产品」。可产出物 Bolt 更干净，Lovable 更完整；积分制需要预算预测，月度真实 TCO 含 Supabase 至少 $50+。","vVFUFQdcqm0CJbyb1KRjTWLQANKA-SS8mtpKT0NzwV8",{"id":1938,"title":232,"alternatives":1939,"api_compatible":1940,"body":1941,"category":538,"chinese_friendly":525,"cover":2372,"description":2373,"domestic":541,"extension":542,"faq":2374,"free":556,"github":16,"languages":2387,"lastVerified":559,"meta":2388,"models":16,"navigation":556,"notSuitable":16,"opensource":541,"path":481,"pillar":562,"platforms":2389,"priceTable":2390,"pricing":2404,"published":582,"relatedPlaybooks":2405,"relatedReviews":2408,"score":2409,"self_host":541,"seo":2410,"seoTitle":2411,"slug":14,"sources":2412,"stem":2419,"suitable":16,"tagline":2420,"tags":2421,"updated":594,"verdict":2427,"website":1950,"__hash__":2428},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0.md",[12,13,15],[1262],{"type":18,"value":1942,"toc":2360},[1943,1945,1954,1957,1960,1967,1970,1996,2000,2085,2088,2095,2099,2105,2116,2121,2135,2137,2157,2160,2259,2261,2296,2298,2312,2314,2335,2337],[21,1944,24],{"id":23},[26,1946,1947,1948,1953],{},"v0 是 Vercel 的 AI UI 生成器，定位是「把自然语言\u002F截图变成可用的 React + Tailwind + shadcn\u002Fui 组件」。2026 年迁到 ",[467,1949,1952],{"href":1950,"rel":1951},"https:\u002F\u002Fv0.app",[501],"v0.app","（原 v0.dev），引入 Mini \u002F Pro \u002F Max 三档专属模型 + 积分制：Free $5、Premium $20\u002F月（$20 credits）、Team $30\u002F席。输出质量是同类最好——一行不改就能进生产的 shadcn 代码，是其他 builder 比不上的。",[26,1955,1956],{},"适合：前端工程师做 UI 草稿、设计稿 → 代码、营销页\u002F控制台快速搭建。不适合：要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt \u002F Lovable \u002F Replit Agent 的地盘。",[21,1958,1959],{"id":1959},"它是什么",[26,1961,1962,1963,1966],{},"v0 不是 IDE 也不是「全栈一句话出 SaaS」类工具，它专注做一件事：",[42,1964,1965],{},"把描述\u002F图片变成高质量 React 组件","。底座是 Next.js 14+、Tailwind、shadcn\u002Fui，输出符合现代前端工程标准——可访问性、响应式、TypeScript、服务端组件、loading\u002Ferror state。",[26,1968,1969],{},"2026 年的 v0 已不是单组件玩具：",[36,1971,1972,1978,1984,1990],{},[39,1973,1974,1977],{},[42,1975,1976],{},"多页应用生成","：可以一次性吐出含导航、布局、多个路由的完整 Next.js 项目骨架",[39,1979,1980,1983],{},[42,1981,1982],{},"三档模型","：Mini（便宜快）\u002F Pro（默认）\u002F Max（高质量复杂任务），积分消耗不同",[39,1985,1986,1989],{},[42,1987,1988],{},"Git\u002F部署","：内置项目管理 + 一键 deploy 到 Vercel，Premium 起可导出到 GitHub",[39,1991,1992,1995],{},[42,1993,1994],{},"图像理解","：丢一张设计稿\u002F截图，直接给你 pixel-perfect 的 shadcn 实现",[21,1997,1999],{"id":1998},"价格2026-年-6-月按官方与第三方追踪综合","价格（2026 年 6 月，按官方与第三方追踪综合）",[210,2001,2002,2017],{},[213,2003,2004],{},[216,2005,2006,2009,2011,2014],{},[219,2007,2008],{},"Plan",[219,2010,95],{},[219,2012,2013],{},"月度 credits",[219,2015,2016],{},"关键能力",[234,2018,2019,2031,2048,2062,2074],{},[216,2020,2021,2023,2025,2028],{},[239,2022,102],{},[239,2024,570],{},[239,2026,2027],{},"$5",[239,2029,2030],{},"200 项目、带水印、public only",[216,2032,2033,2038,2042,2045],{},[239,2034,2035],{},[42,2036,2037],{},"Premium",[239,2039,2040],{},[42,2041,732],{},[239,2043,2044],{},"$20",[239,2046,2047],{},"自定义域名、私有项目、GitHub 导出",[216,2049,2050,2053,2056,2059],{},[239,2051,2052],{},"Team",[239,2054,2055],{},"$30\u002F席\u002F月",[239,2057,2058],{},"$30\u002F席",[239,2060,2061],{},"共享 workspace、池化 credits、年付约 8 折",[216,2063,2064,2066,2069,2071],{},[239,2065,1445],{},[239,2067,2068],{},"$100\u002F席\u002F月",[239,2070,2058],{},[239,2072,2073],{},"SOC 2、私有部署增强、合规审计",[216,2075,2076,2078,2080,2082],{},[239,2077,1458],{},[239,2079,1461],{},[239,2081,1461],{},[239,2083,2084],{},"SSO\u002FSAML、专属支持",[26,2086,2087],{},"积分消耗模型：「一次生成 = 1+ credits，按 token + 选用模型档位计费」。读代码、聊天不耗。Pro 档一次复杂多页生成约 $1–$3 credits，Max 档可能 $3–$8。",[26,2089,2090,2091,2094],{},"注意 ",[42,2092,2093],{},"hosting"," 是另一笔钱：v0 自己不收 hosting 费，但 Vercel Hobby 免费够 demo，生产建议升 Vercel Pro（$20\u002F席\u002F月）。整体 TCO ≈ $40\u002F月入门。",[21,2096,2098],{"id":2097},"实测一周高强度试用观察","实测（一周高强度试用观察）",[26,2100,2101,2104],{},[42,2102,2103],{},"好的地方","：",[36,2106,2107,2110,2113],{},[39,2108,2109],{},"shadcn 代码质量明显高一档，几乎可以 copy 进生产代码库",[39,2111,2112],{},"图像 → 代码的还原度是同类第一（实测一张 Figma 截图 → 90% 还原）",[39,2114,2115],{},"多页生成的路由结构 \u002F loading state \u002F a11y 标签都按 Next.js 13+ 规范写",[26,2117,2118,2104],{},[42,2119,2120],{},"踩坑",[36,2122,2123,2126,2129,2132],{},[39,2124,2125],{},"不擅长后端：写 API route 经常瞎编 Prisma schema 或调错 SDK",[39,2127,2128],{},"积分易超：Max 档调一次复杂表单可能 $5+ credits，Premium 单月 $20 不够撑 50 次",[39,2130,2131],{},"中文 prompt 偶尔输出英文 UI，需要在描述里加「界面文案保持中文」",[39,2133,2134],{},"v0.dev → v0.app 迁移期，部分老链接 redirect 异常",[21,2136,181],{"id":181},[183,2138,2139,2142,2145,2148,2151],{},[39,2140,2141],{},"v0.app 注册（GitHub OAuth 最快），自动给 Free $5 credits",[39,2143,2144],{},"用一句话或截图描述 UI，选 Mini\u002FPro\u002FMax 模型档位",[39,2146,2147],{},"在 chat 里迭代修改，preview 实时更新",[39,2149,2150],{},"满意后 → GitHub 导出（需 Premium）或一键 Vercel deploy",[39,2152,2153,2154],{},"拷贝代码进现有项目——shadcn 组件可直接进 ",[662,2155,2156],{},"components\u002Fui\u002F",[21,2158,2159],{"id":2159},"对比一览",[210,2161,2162,2176],{},[213,2163,2164],{},[216,2165,2166,2168,2170,2172,2174],{},[219,2167,221],{},[219,2169,232],{},[219,2171,226],{},[219,2173,229],{},[219,2175,888],{},[234,2177,2178,2195,2212,2229,2244],{},[216,2179,2180,2183,2186,2189,2192],{},[239,2181,2182],{},"强项",[239,2184,2185],{},"组件 \u002F UI 还原",[239,2187,2188],{},"全栈应用 + WebContainer",[239,2190,2191],{},"全栈 + 数据库 + Auth",[239,2193,2194],{},"浏览器 IDE + 部署",[216,2196,2197,2200,2203,2206,2209],{},[239,2198,2199],{},"输出代码",[239,2201,2202],{},"Next.js + shadcn",[239,2204,2205],{},"Vite \u002F Next",[239,2207,2208],{},"Vite + Supabase",[239,2210,2211],{},"任意 stack",[216,2213,2214,2217,2220,2223,2226],{},[239,2215,2216],{},"起步价",[239,2218,2219],{},"$20\u002F月 + Vercel",[239,2221,2222],{},"$20\u002F月 token",[239,2224,2225],{},"$25\u002F月 credits",[239,2227,2228],{},"Core $25\u002F月",[216,2230,2231,2233,2235,2238,2241],{},[239,2232,944],{},[239,2234,1725],{},[239,2236,2237],{},"中",[239,2239,2240],{},"强（Supabase 集成）",[239,2242,2243],{},"强",[216,2245,2246,2249,2252,2255,2257],{},[239,2247,2248],{},"Vercel 集成",[239,2250,2251],{},"原生",[239,2253,2254],{},"否",[239,2256,2254],{},[239,2258,2254],{},[21,2260,372],{"id":372},[36,2262,2263,2269,2275,2281,2287],{},[39,2264,2265,2268],{},[42,2266,2267],{},"不要拿 v0 写后端","：API、数据库 schema、auth 流程交给 Cursor \u002F Codex \u002F Claude Code，v0 专心做 UI",[39,2270,2271,2274],{},[42,2272,2273],{},"Free 水印过不了客户验收","：演示前一定升 Premium 或自建部署",[39,2276,2277,2280],{},[42,2278,2279],{},"不要每次 prompt 都用 Max 档","：默认 Pro 已经够好，Max 留给复杂多页或像素级还原",[39,2282,2283,2286],{},[42,2284,2285],{},"批量生成 → 必走 GitHub 导出","：避免锁在 v0 项目里，万一改定价就被动",[39,2288,2289,2292,2293],{},[42,2290,2291],{},"shadcn 版本要对齐","：v0 用最新版 shadcn，旧项目导入前先 ",[662,2294,2295],{},"npx shadcn@latest init",[21,2297,426],{"id":425},[36,2299,2300,2303,2306,2309],{},[39,2301,2302],{},"✅ 前端工程师做组件、营销页、控制台 \u002F dashboard、设计稿落地",[39,2304,2305],{},"✅ 已经用 Next.js + Vercel + shadcn 技术栈的团队",[39,2307,2308],{},"❌ 想要「一句话出完整 SaaS」——选 Lovable \u002F Bolt",[39,2310,2311],{},"❌ 不用 React 的团队（Vue \u002F Svelte 党）",[21,2313,461],{"id":461},[36,2315,2316,2320,2324,2328],{},[39,2317,2318],{},[467,2319,470],{"href":469},[39,2321,2322],{},[467,2323,476],{"href":475},[39,2325,2326],{},[467,2327,488],{"href":487},[39,2329,2330,2334],{},[467,2331,2333],{"href":2332},"\u002Ftools\u002Fcoding\u002Fide\u002Fcursor","Cursor 评测","（写后端搭配 v0）",[21,2336,491],{"id":491},[183,2338,2339,2346,2353],{},[39,2340,2341,2342],{},"nocode.mba — V0 Pricing 2026（2026-03-02）",[467,2343,2344],{"href":2344,"rel":2345},"https:\u002F\u002Fwww.nocode.mba\u002Farticles\u002Fv0-pricing",[501],[39,2347,2348,2349],{},"automationatlas — v0 Pricing Explained 2026（2026-05-06）",[467,2350,2351],{"href":2351,"rel":2352},"https:\u002F\u002Fautomationatlas.io\u002Fanswers\u002Fv0-pricing-explained-2026",[501],[39,2354,2355,2356],{},"nxcode — v0 Complete Guide 2026（2026-03）",[467,2357,2358],{"href":2358,"rel":2359},"https:\u002F\u002Fwww.nxcode.io\u002Fresources\u002Fnews\u002Fv0-by-vercel-complete-guide-2026",[501],{"title":524,"searchDepth":525,"depth":525,"links":2361},[2362,2363,2364,2365,2366,2367,2368,2369,2370,2371],{"id":23,"depth":528,"text":24},{"id":1959,"depth":528,"text":1959},{"id":1998,"depth":528,"text":1999},{"id":2097,"depth":528,"text":2098},{"id":181,"depth":528,"text":181},{"id":2159,"depth":528,"text":2159},{"id":372,"depth":528,"text":372},{"id":425,"depth":528,"text":426},{"id":461,"depth":528,"text":461},{"id":491,"depth":528,"text":491},"\u002Fimg\u002Ftools\u002Fv0.webp","v0 真实评测：Vercel 出品的 AI UI 生成器，输入描述即可生成 React + Tailwind + shadcn\u002Fui 组件。2026 年迁移到 v0.app，按积分计费，Premium $20\u002F月含 $20 credits。",[2375,2378,2381,2384],{"q":2376,"a":2377},"v0 和 Bolt \u002F Lovable 怎么选？","v0 强在『组件级 \u002F 多页前端』和 shadcn 代码质量；Bolt \u002F Lovable 强在『完整全栈带后端』。前端工程师选 v0，非技术 PM 想要带数据库的应用选 Lovable。",{"q":2379,"a":2380},"积分用完会怎样？","Premium 单月 $20 credits 用完后无法继续生成，需要等下月或升级 Team；不会自动按 API 价继续扣，对预算友好。",{"q":2382,"a":2383},"生成代码能脱离 Vercel 跑吗？","能。v0 输出标准的 Next.js + shadcn\u002Fui，Premium 起支持 GitHub 导出，可部署到任意 Node 平台；但 v0 自带 preview\u002Fdeploy 走的是 Vercel。",{"q":2385,"a":2386},"为什么我的部署有水印？","Free tier 限制——public 项目 + Vercel 水印；升级 Premium 即可移除。",[558],{},[564],[2391,2395,2397,2400,2402],{"plan":102,"price":2392,"seats":2393,"notes":2394},"$0\u002F月","1","$5 credits\u002F月，200 项目上限，带水印部署",{"plan":2037,"price":732,"seats":2393,"notes":2396},"$20 credits\u002F月，自定义域名，GitHub 导出",{"plan":2052,"price":2055,"seats":2398,"notes":2399},"≥2","$30 credits\u002F席，共享工作区，年付约 8 折",{"plan":1445,"price":2068,"seats":2398,"notes":2401},"私有项目、SOC 2、增强隔离",{"plan":1458,"price":1461,"seats":1209,"notes":2403},"SSO\u002FSAML、审计日志、专属支持","Free $5 credits \u002F Premium $20·月 \u002F Team $30·席\u002F月 \u002F Business $100·席\u002F月",[2406,2407],"onboarding\u002Fcursor-mcp-deep-integration","onboarding\u002Frag-pipeline-build",[1226],{"power":586,"ux":587,"price":525,"cn_support":525,"stability":586},{"title":232,"description":2373},"v0 评测 2026：Vercel AI 前端生成工具，React 组件与 Tailwind 代码生成",[2413,2415,2417],{"name":2414,"url":2344,"accessed":594},"nocode.mba — V0 Pricing 2026",{"name":2416,"url":2351,"accessed":594},"automationatlas — v0 pricing",{"name":2418,"url":2358,"accessed":594},"nxcode — v0 complete guide 2026","tools\u002Fcoding\u002Fbuilder\u002Fv0","Vercel 出品：从自然语言生成 React \u002F Next.js 组件",[2422,604,2423,2424,2425,1252,2426],"ui-generator","nextjs","tailwind","shadcn","vercel","React\u002FNext.js 生态最好用的 AI UI 生成器；2026 改成 credit-based + 多 model（Mini\u002FPro\u002FMax），shadcn 输出一如既往是顶级品质。","OSv6XwBU-Dlf-ZWxbAN-NJ3O_eQLMXwiQ7aqnggVJA0",{"id":2430,"title":888,"alternatives":2431,"api_compatible":2432,"body":2434,"category":538,"chinese_friendly":525,"cover":2845,"description":2846,"domestic":541,"extension":542,"faq":2847,"free":556,"github":16,"languages":2860,"lastVerified":559,"meta":2862,"models":16,"navigation":556,"notSuitable":16,"opensource":541,"path":487,"pillar":562,"platforms":2863,"priceTable":2865,"pricing":2874,"published":582,"relatedPlaybooks":2875,"relatedReviews":2878,"score":2879,"self_host":541,"seo":2880,"seoTitle":2881,"slug":15,"sources":2882,"stem":2891,"suitable":16,"tagline":2892,"tags":2893,"updated":594,"verdict":2897,"website":2898,"__hash__":2899},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent.md",[12,13,14],[1262,1263,2433],"Google",{"type":18,"value":2435,"toc":2833},[2436,2438,2449,2452,2454,2457,2481,2484,2488,2544,2550,2554,2559,2573,2578,2592,2594,2614,2616,2722,2724,2759,2761,2778,2780,2801,2803],[21,2437,24],{"id":23},[26,2439,2440,2441,2444,2445,2448],{},"Replit Agent 是 Replit 内置的 AI 全栈 Builder。2026 年的旗舰是 ",[42,2442,2443],{},"Agent 3","——把自主运行时长从同类的 ~30 分钟拉到 ",[42,2446,2447],{},"200 分钟 Max Autonomy","，意味着它能完整跑完「规划 → 写代码 → 跑测试 → 自我修复 → 部署到 live URL」整套流程，而不是中途交回给人。",[26,2450,2451],{},"适合：非技术创始人 MVP、教育 \u002F 教学、原型 + 部署一站搞定的小团队。不适合：要把项目挪出 Replit 进入大型企业代码库的场景——锁定较深。",[21,2453,1959],{"id":1959},[26,2455,2456],{},"Replit Agent 不是单纯的 chat 框，是 Replit 浏览器 IDE 里的「自主开发模式」。给它一句话，它会：",[183,2458,2459,2462,2465,2468,2474],{},[39,2460,2461],{},"自动选技术栈（默认 React\u002FNode 或 Python\u002FFlask）",[39,2463,2464],{},"scaffold 项目、装依赖",[39,2466,2467],{},"写代码、连数据库（Postgres）、配 auth",[39,2469,2470,2473],{},[42,2471,2472],{},"在 live browser 里跑应用、点击测试、看到报错自动修","（Agent 3 新增）",[39,2475,2476,2477,2480],{},"部署到 ",[662,2478,2479],{},"*.replit.app"," 拿到 live URL",[26,2482,2483],{},"四档 Autonomy（Low \u002F Medium \u002F High \u002F Max）对应不同的「让它跑多久无人值守」。Max = 最长 200 分钟，能一口气把全栈 CRUD + auth + deploy 都做完。",[21,2485,2487],{"id":2486},"价格2026-年-6-月","价格（2026 年 6 月）",[210,2489,2490,2500],{},[213,2491,2492],{},[216,2493,2494,2496,2498],{},[219,2495,2008],{},[219,2497,95],{},[219,2499,2016],{},[234,2501,2502,2511,2525,2535],{},[216,2503,2504,2506,2508],{},[239,2505,102],{},[239,2507,570],{},[239,2509,2510],{},"体验 Agent、公共 repl、checkpoint 受限",[216,2512,2513,2518,2522],{},[239,2514,2515],{},[42,2516,2517],{},"Core",[239,2519,2520],{},[42,2521,1434],{},[239,2523,2524],{},"基础 effort credits、私有项目、部署 + Postgres",[216,2526,2527,2529,2532],{},[239,2528,785],{},[239,2530,2531],{},"$35\u002F席\u002F月",[239,2533,2534],{},"池化 credits、共享 workspace、角色权限",[216,2536,2537,2539,2541],{},[239,2538,1458],{},[239,2540,1461],{},[239,2542,2543],{},"SSO、私有云、SLA",[26,2545,2546,2549],{},[42,2547,2548],{},"Effort 计费","：一次任务消耗 0.05–1+ effort，单次大任务（200 分钟 Max）可能吃掉数十 effort。Core 月度池子大约够 50–100 次中等任务，超出按 $0.25\u002Feffort 计费。重度用户实际月支出 $50–$150。",[21,2551,2553],{"id":2552},"实测agent-3-一周观察","实测（Agent 3 一周观察）",[26,2555,2556,2104],{},[42,2557,2558],{},"亮点",[36,2560,2561,2564,2567,2570],{},[39,2562,2563],{},"200 分钟自主运行真不是 PPT——实测一个 task manager + auth + Stripe 集成，约 75 分钟一气呵成",[39,2565,2566],{},"live browser 自检：UI 渲染异常会被它自己截图、识别、回头修代码",[39,2568,2569],{},"定时 \u002F 后台 agent：可以设「每天早上自动跑这个 lint 然后给我邮件」",[39,2571,2572],{},"部署是 first-class——拿到 URL 就能给客户演示",[26,2574,2575,2104],{},[42,2576,2577],{},"问题",[36,2579,2580,2583,2586,2589],{},[39,2581,2582],{},"200 分钟模式偶尔进入「错误循环」——一直在修同一个 bug 没出来，需要人工打断",[39,2584,2585],{},"国内访问 replit.com 部分节点不稳定，建议配合 CDN 或换 VPN 出口",[39,2587,2588],{},"跨语言能力一般：Python 全栈做得好，Go\u002FRust 写得磕磕绊绊",[39,2590,2591],{},"月底 effort 用完后体验断崖式下降",[21,2593,181],{"id":181},[183,2595,2596,2599,2602,2605,2608],{},[39,2597,2598],{},"replit.com 注册（Google\u002FGitHub OAuth），免费试 Agent",[39,2600,2601],{},"点 \"Create with Agent\"，描述 app（中文 OK）",[39,2603,2604],{},"选 Autonomy 档位：原型用 Medium，完整 app 用 High\u002FMax",[39,2606,2607],{},"等 Agent 自己写、跑、修；进度条 + 实时 chat",[39,2609,2610,2611,2613],{},"满意 → \"Deploy\"，秒得 ",[662,2612,2479],{}," URL",[21,2615,2159],{"id":2159},[210,2617,2618,2632],{},[213,2619,2620],{},[216,2621,2622,2624,2626,2628,2630],{},[219,2623,221],{},[219,2625,888],{},[219,2627,226],{},[219,2629,229],{},[219,2631,232],{},[234,2633,2634,2652,2667,2682,2694,2708],{},[216,2635,2636,2639,2644,2647,2649],{},[239,2637,2638],{},"单次自主时长",[239,2640,2641],{},[42,2642,2643],{},"200 分钟",[239,2645,2646],{},"~30 分钟",[239,2648,2646],{},[239,2650,2651],{},"短（组件级）",[216,2653,2654,2656,2659,2662,2665],{},[239,2655,960],{},[239,2657,2658],{},"内置（Replit Cloud）",[239,2660,2661],{},"外接 Netlify\u002FVercel",[239,2663,2664],{},"外接",[239,2666,969],{},[216,2668,2669,2672,2675,2677,2680],{},[239,2670,2671],{},"后端 \u002F 数据库",[239,2673,2674],{},"内置 Postgres",[239,2676,1725],{},[239,2678,2679],{},"Supabase 强集成",[239,2681,1725],{},[216,2683,2684,2686,2688,2690,2692],{},[239,2685,2216],{},[239,2687,1434],{},[239,2689,732],{},[239,2691,1434],{},[239,2693,732],{},[216,2695,2696,2699,2702,2704,2706],{},[239,2697,2698],{},"中文体验",[239,2700,2701],{},"3\u002F5",[239,2703,2701],{},[239,2705,2701],{},[239,2707,2701],{},[216,2709,2710,2713,2716,2718,2720],{},[239,2711,2712],{},"Mobile app",[239,2714,2715],{},"React Native + Expo",[239,2717,2254],{},[239,2719,2254],{},[239,2721,2254],{},[21,2723,372],{"id":372},[36,2725,2726,2732,2738,2744,2753],{},[39,2727,2728,2731],{},[42,2729,2730],{},"Max Autonomy 看着诱人，谨慎用","：200 分钟跑歪了你也得为 effort 买单，初次写新功能先用 High 看看节奏",[39,2733,2734,2737],{},[42,2735,2736],{},"effort 用完前 checkpoint 一次","：Free \u002F Core 都有快照机制，定期保存可避免 Agent 把项目搞坏后无法回退",[39,2739,2740,2743],{},[42,2741,2742],{},"大文件 \u002F 大数据集传不进去","：Replit 的 storage 有上限，重型项目还是得 git push 到本地 \u002F GitHub",[39,2745,2746,2752],{},[42,2747,2748,2749],{},"生产部署要离开 ",[662,2750,2751],{},".replit.app","：自定义域名需要 Teams 起步，且高并发场景 Replit Cloud 不如 Vercel\u002FCloudflare",[39,2754,2755,2758],{},[42,2756,2757],{},"国内访问波动","：长 session 中断会丢上下文，重要项目建议白天稳定时段做",[21,2760,426],{"id":425},[36,2762,2763,2766,2769,2772,2775],{},[39,2764,2765],{},"✅ 非技术创始人 MVP \u002F hackathon 24h 出 demo",[39,2767,2768],{},"✅ 教育场景（带学生从 0 到部署）",[39,2770,2771],{},"✅ 想要『写完即部署』、不愿配置 hosting 的人",[39,2773,2774],{},"❌ 要把代码进企业 monorepo \u002F CI \u002F 私有 K8s",[39,2776,2777],{},"❌ Go \u002F Rust \u002F Java 重型后端",[21,2779,461],{"id":461},[36,2781,2782,2786,2790,2794],{},[39,2783,2784],{},[467,2785,470],{"href":469},[39,2787,2788],{},[467,2789,476],{"href":475},[39,2791,2792],{},[467,2793,482],{"href":481},[39,2795,2796,2800],{},[467,2797,2799],{"href":2798},"\u002Ftools\u002Fcoding\u002Fagent\u002Fdevin","Devin 评测","（更贵但更深的自主 Agent）",[21,2802,491],{"id":491},[183,2804,2805,2812,2819,2826],{},[39,2806,2807,2808],{},"AgentsDB — Replit Agent 3 Autonomy（2025-11-03）",[467,2809,2810],{"href":2810,"rel":2811},"https:\u002F\u002Fagentsdb.com\u002Freplit-agent-3-crosses-autonomy-threshold-for-developer-agents",[501],[39,2813,2814,2815],{},"WhatAI — Replit Agent 2026 Review（2026-06-13）",[467,2816,2817],{"href":2817,"rel":2818},"https:\u002F\u002Fwhataidoineed.com\u002Fblog\u002Freplit-agent-in-2026-what-it-can-build-real-use-cases-case-studies-how-it-works",[501],[39,2820,2821,2822],{},"Serenities — Replit Agent 2026 Verdict（2026-03-04）",[467,2823,2824],{"href":2824,"rel":2825},"https:\u002F\u002Fserenitiesai.com\u002Farticles\u002Freplit-agent-2026-features-pricing-review",[501],[39,2827,2828,2829],{},"AgentMarketCap — 200-Minute Runtime（2026-05-23）",[467,2830,2831],{"href":2831,"rel":2832},"https:\u002F\u002Fagentmarketcap.ai\u002Fblog\u002F2026\u002F05\u002F23\u002Freplit-agent-3-200-minute-autonomous-runtime",[501],{"title":524,"searchDepth":525,"depth":525,"links":2834},[2835,2836,2837,2838,2839,2840,2841,2842,2843,2844],{"id":23,"depth":528,"text":24},{"id":1959,"depth":528,"text":1959},{"id":2486,"depth":528,"text":2487},{"id":2552,"depth":528,"text":2553},{"id":181,"depth":528,"text":181},{"id":2159,"depth":528,"text":2159},{"id":372,"depth":528,"text":372},{"id":425,"depth":528,"text":426},{"id":461,"depth":528,"text":461},{"id":491,"depth":528,"text":491},"\u002Fimg\u002Ftools\u002Freplit-agent.webp","Replit Agent 真实评测：Agent 3 在 2026 年扩展到 200 分钟 Max Autonomy 自主运行，浏览器内即可完成 plan → code → test → deploy，是非技术创始人和教育场景的最强 builder。",[2848,2851,2854,2857],{"q":2849,"a":2850},"Agent 3 和 Agent 2 区别在哪？","Agent 3（2025-09 起）加入了 live browser 自检、反思循环自动 fix bug、可生成子 Agent \u002F 定时任务、可单次最长 200 分钟无人值守运行。这是和 Cursor Composer（~30 分钟会话）最大的差距。",{"q":2852,"a":2853},"实际能完整产出什么？","典型 CRUD app（Next.js \u002F Flask + Postgres + auth + 部署）从 prompt 到 live URL 约 10–15 分钟。复杂应用（数据流、第三方集成）需要 30–60 分钟 Max Autonomy。",{"q":2855,"a":2856},"中文友好吗？","界面支持中文，Agent 听懂中文 prompt 没问题；但默认 LLM 走美国节点，速度比国内 Trae \u002F 通义灵码 慢，且偶有网络抖动。",{"q":2858,"a":2859},"ACU \u002F effort 是什么？","Replit 用『effort-based』计费——一次复杂任务约 0.1–1 effort，简单提问 \u003C 0.05。Core $25\u002F月含基础 effort 池，超出按 $0.25\u002Feffort 起。",[2861,558],"zh",{},[564,2864],"mobile",[2866,2868,2870,2872],{"plan":102,"price":2392,"seats":2393,"notes":2867},"限额 checkpoint、公共 repl、试用 Agent",{"plan":2517,"price":1434,"seats":2393,"notes":2869},"含基础 effort credits，私有项目，部署 \u002F 数据库",{"plan":785,"price":2531,"seats":2398,"notes":2871},"共享 workspace、池化 credits、角色权限",{"plan":1458,"price":1461,"seats":1209,"notes":2873},"SSO、私有 cloud、合规、SLA","Free 限额 \u002F Core $25·月含 ACU \u002F Teams $35·席·月 \u002F Enterprise 定制",[2876,2877],"onboarding\u002Fclaude-code-getting-started","deploy\u002Fai-auto-deploy",[1226],{"power":587,"ux":587,"price":525,"cn_support":525,"stability":586},{"title":888,"description":2846},"Replit Agent 评测 2026：浏览器内 AI 全栈开发，一键部署应用",[2883,2885,2887,2889],{"name":2884,"url":2810,"accessed":594},"AgentsDB — Replit Agent 3 autonomy",{"name":2886,"url":2817,"accessed":594},"WhatAI — Replit Agent 2026 review",{"name":2888,"url":2824,"accessed":594},"Serenities — Replit Agent 2026 verdict",{"name":2890,"url":2831,"accessed":594},"AgentMarketCap — 200-minute runtime","tools\u002Fcoding\u002Fbuilder\u002Freplit-agent","浏览器内 200 分钟自主开发 + 部署的全栈 Agent（Agent 3）",[1250,1251,2894,2895,2896,2864],"deploy","education","autonomous","教育\u002F非技术创始人最友好的 AI 全栈 Builder。Agent 3 把自主时长拉到 200 分钟，是 Bolt\u002FLovable 没法对标的优势。","https:\u002F\u002Freplit.com","A160Y80fqROQ3YHejK-tuFEPQRYHoMI09Lf6Iy_5vqs",1785660640168]