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