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