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