[{"data":1,"prerenderedAt":1300},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"compare-lovable-vs-v0":9,"compare-a-lovable":10,"compare-b-v0":798},{"tools":4,"reviews":5},78,26,{"tools":4,"reviews":5,"playbooks":7,"news":8},22,21,null,{"id":11,"title":12,"alternatives":13,"api_compatible":9,"body":17,"category":706,"chinese_friendly":692,"cover":707,"description":708,"domestic":709,"extension":710,"faq":711,"free":709,"github":409,"languages":730,"lastVerified":9,"meta":732,"models":9,"navigation":733,"notSuitable":734,"opensource":709,"path":739,"pillar":740,"platforms":741,"priceTable":743,"pricing":758,"published":759,"relatedPlaybooks":760,"relatedReviews":763,"score":766,"self_host":709,"seo":768,"seoTitle":9,"slug":769,"sources":770,"stem":781,"suitable":782,"tagline":787,"tags":788,"updated":795,"verdict":796,"website":647,"__hash__":797},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable.md","Lovable",[14,15,16],"coding\u002Fbuilder\u002Fbolt-new","coding\u002Fbuilder\u002Fv0","coding\u002Fbuilder\u002Freplit-agent",{"type":18,"value":19,"toc":688},"minimark",[20,25,47,50,53,86,89,176,180,258,263,280,283,288,345,349,355,360,363,366,381,384,388,391,395,398,402,413,416,546,549,593,597,604,607,637,640,678],[21,22,24],"h2",{"id":23},"tldr","TL;DR",[26,27,32,44],"div",{"className":28},[29,30,31],"card","p-5","my-4",[33,34,35,39,40,43],"p",{},[36,37,38],"strong",{},"一句话："," Lovable 是「非技术创始人版的 Bolt」——前身 GPT Engineer，2026 ARR 突破 $300M。一句话生成全栈 web 应用 + Supabase 后端 + Lovable 自家部署，",[36,41,42],{},"积分制"," 计费、UI 隐藏代码复杂度比 Bolt 更彻底。",[33,45,46],{},"可产出物 Bolt 更干净，Lovable 更完整。真实月度 TCO 含 Supabase ≥ $50。",[21,48,49],{"id":49},"它到底是个什么",[33,51,52],{},"Lovable 是浏览器内的 AI App Builder：",[54,55,56,63,69,75,81],"ul",{},[57,58,59,62],"li",{},[36,60,61],{},"形态","：左边 Chat 输需求，右边实时预览，\"非开发者也能用\"是核心定位。",[57,64,65,68],{},[36,66,67],{},"技术栈","：默认 React + Tailwind + Supabase，下层走 GPT-4o \u002F Claude 等。",[57,70,71,74],{},[36,72,73],{},"后端","：Supabase 一键 connect（auth + database + storage + edge functions）。",[57,76,77,80],{},[36,78,79],{},"部署","：Lovable 自家 cloud，自动域名 + HTTPS，Pro+ 可绑自定义域名。",[57,82,83,85],{},[36,84,42],{},"：每个 prompt 消耗 credit，复杂度不同消耗不同；不是 token 也不是 message-quota。",[33,87,88],{},"它和 Bolt 经常被一起讨论但定位不一样：",[90,91,92,107],"table",{},[93,94,95],"thead",{},[96,97,98,102,104],"tr",{},[99,100,101],"th",{},"关注点",[99,103,12],{},[99,105,106],{},"Bolt.new",[108,109,110,122,133,144,155,165],"tbody",{},[96,111,112,116,119],{},[113,114,115],"td",{},"目标用户",[113,117,118],{},"非技术创始人",[113,120,121],{},"开发者 + 非技术",[96,123,124,127,130],{},[113,125,126],{},"代码可见度",[113,128,129],{},"隐藏在 IDE 里",[113,131,132],{},"始终可见",[96,134,135,138,141],{},[113,136,137],{},"后端整合",[113,139,140],{},"Supabase 深度",[113,142,143],{},"Supabase 集成",[96,145,146,149,152],{},[113,147,148],{},"框架",[113,150,151],{},"React only",[113,153,154],{},"多框架",[96,156,157,159,162],{},[113,158,79],{},[113,160,161],{},"自家 cloud",[113,163,164],{},"Netlify \u002F Cloudflare",[96,166,167,170,173],{},[113,168,169],{},"Runtime",[113,171,172],{},"云端",[113,174,175],{},"浏览器（WebContainer）",[21,177,179],{"id":178},"价格重点积分-隐性成本","价格（重点：积分 + 隐性成本）",[90,181,182,198],{},[93,183,184],{},[96,185,186,189,192,195],{},[99,187,188],{},"档位",[99,190,191],{},"显式月费",[99,193,194],{},"积分",[99,196,197],{},"关键差异",[108,199,200,214,230,244],{},[96,201,202,205,208,211],{},[113,203,204],{},"Free",[113,206,207],{},"$0",[113,209,210],{},"每日 5 message",[113,212,213],{},"Lovable 子域名",[96,215,216,219,224,227],{},[113,217,218],{},"Pro",[113,220,221],{},[36,222,223],{},"$25\u002F月",[113,225,226],{},"100 + 每日 5 bonus（不滚存）",[113,228,229],{},"自定义域名 \u002F 优先生成 \u002F top-up",[96,231,232,235,238,241],{},[113,233,234],{},"Business",[113,236,237],{},"$50\u002F月",[113,239,240],{},"同 Pro",[113,242,243],{},"私有项目 \u002F RBAC \u002F SSO \u002F 优先支持",[96,245,246,249,252,255],{},[113,247,248],{},"Enterprise",[113,250,251],{},"Custom",[113,253,254],{},"自议",[113,256,257],{},"SCIM \u002F 专属支持 \u002F 自定义集成",[33,259,260],{},[36,261,262],{},"真实积分消耗参考（来自第三方评测和用户笔记）：",[54,264,265,268,271,274,277],{},[57,266,267],{},"改一个按钮颜色：~0.5 credit",[57,269,270],{},"删 footer：~0.9 credit",[57,272,273],{},"简单修改：~1 credit",[57,275,276],{},"初始建项目：~2 credit",[57,278,279],{},"一个完整 MVP（含 auth + database + UI）：50-100 credit",[33,281,282],{},"100 credit\u002F月只能撑住中等复杂度的一个 MVP；多项目或复杂业务需要 top-up 或 upgrade。",[33,284,285],{},[36,286,287],{},"真实月度 TCO（容易被忽略的隐性成本）：",[90,289,290,300],{},[93,291,292],{},[96,293,294,297],{},[99,295,296],{},"项目",[99,298,299],{},"金额（年）",[108,301,302,310,317,325,333],{},[96,303,304,307],{},[113,305,306],{},"Lovable Pro",[113,308,309],{},"$300",[96,311,312,315],{},[113,313,314],{},"Supabase Pro（生产必须）",[113,316,309],{},[96,318,319,322],{},[113,320,321],{},"域名",[113,323,324],{},"$12",[96,326,327,330],{},[113,328,329],{},"Lovable Cloud（2026 推广期后）",[113,331,332],{},"~$1200\u002F年（推广 $25\u002F月额度）",[96,334,335,340],{},[113,336,337],{},[36,338,339],{},"Solo 年度真实 TCO",[113,341,342],{},[36,343,344],{},"$612-1812",[21,346,348],{"id":347},"真实任务实测基于公开素材归纳","真实任务实测（基于公开素材归纳）",[350,351,352],"blockquote",{},[33,353,354],{},"来源说明：以下场景为 Lovable 官方 demo + 第三方评测（Flowith \u002F Zite \u002F CheckThat.ai 等）的工作流归纳。",[356,357,359],"h3",{"id":358},"任务-11-小时出-saas-mvp含登录-数据库","任务 1：1 小时出 SaaS MVP（含登录 + 数据库）",[33,361,362],{},"prompt: \"Build a task management SaaS with email login, projects, and team collaboration. Use Supabase for backend.\"",[33,364,365],{},"Lovable 流程：",[367,368,369,372,375,378],"ol",{},[57,370,371],{},"自动建 Supabase 项目（auth + database table + RLS）",[57,373,374],{},"生成 React 前端（路由 + 表单 + dashboard）",[57,376,377],{},"连数据 + 起预览",[57,379,380],{},"你在 Chat 里继续迭代（\"加 dark mode\"、\"加 team invite 流程\"）",[33,382,383],{},"约 60-90 分钟出一个能 demo 的版本，~50 credit。",[356,385,387],{"id":386},"任务-2figma-转应用","任务 2：Figma 转应用",[33,389,390],{},"可上传 Figma URL → 解析布局 → 生成对应 React 组件。准确率 65-75%，复杂动效需要手动改。",[356,392,394],{"id":393},"任务-3自定义域名-部署","任务 3：自定义域名 + 部署",[33,396,397],{},"Pro+ 可连自有域名（DNS CNAME 到 Lovable）。部署一键，HTTPS 自动。流程比 Bolt+Netlify 略简单，但锁定在 Lovable 平台。",[21,399,401],{"id":400},"上手-5-分钟","上手 5 分钟",[403,404,410],"pre",{"className":405,"code":407,"language":408,"meta":409},[406],"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","",[411,412,407],"code",{"__ignoreMap":409},[21,414,415],{"id":415},"同类对比",[90,417,418,435],{},[93,419,420],{},[96,421,422,425,427,429,432],{},[99,423,424],{},"维度",[99,426,12],{},[99,428,106],{},[99,430,431],{},"v0",[99,433,434],{},"Replit Agent",[108,436,437,454,471,486,501,516,531],{},[96,438,439,442,445,448,451],{},[113,440,441],{},"母体",[113,443,444],{},"GPT Engineer 派生",[113,446,447],{},"StackBlitz WebContainer",[113,449,450],{},"Vercel + shadcn\u002Fui",[113,452,453],{},"Replit IDE",[96,455,456,458,463,465,468],{},[113,457,115],{},[113,459,460],{},[36,461,462],{},"非技术",[113,464,121],{},[113,466,467],{},"React 开发者",[113,469,470],{},"多语言开发者",[96,472,473,476,478,481,484],{},[113,474,475],{},"计费模型",[113,477,42],{},[113,479,480],{},"Token 阶梯",[113,482,483],{},"Token + 月费",[113,485,483],{},[96,487,488,490,492,495,498],{},[113,489,73],{},[113,491,140],{},[113,493,494],{},"Supabase",[113,496,497],{},"手动",[113,499,500],{},"Replit DB",[96,502,503,505,507,510,513],{},[113,504,79],{},[113,506,161],{},[113,508,509],{},"Netlify",[113,511,512],{},"Vercel",[113,514,515],{},"Replit",[96,517,518,521,524,527,529],{},[113,519,520],{},"自定义域名",[113,522,523],{},"Pro+",[113,525,526],{},"Netlify 配",[113,528,512],{},[113,530,515],{},[96,532,533,536,539,541,543],{},[113,534,535],{},"中文",[113,537,538],{},"弱",[113,540,538],{},[113,542,538],{},[113,544,545],{},"部分",[21,547,548],{"id":548},"避坑清单",[367,550,551,557,563,569,575,581,587],{},[57,552,553,556],{},[36,554,555],{},"积分制不直观，先算预算再决定档位","。复杂 MVP 100 credit 紧巴巴，建议 Pro $25 + top-up 或直接 Business $50。",[57,558,559,562],{},[36,560,561],{},"Supabase Pro 隐性成本 $25\u002F月","——Free tier 7 天不活跃自动暂停，生产应用必须升 Pro。",[57,564,565,568],{},[36,566,567],{},"Lovable Cloud 2026 后期才正式按量计费","，目前 $25\u002F月推广额度到期日不固定，留意账单。",[57,570,571,574],{},[36,572,573],{},"生成代码 export 后清理量大","：Lovable 的代码生成痕迹比 Bolt 重，长期维护需手动 cleanup。",[57,576,577,580],{},[36,578,579],{},"复杂业务逻辑容易掉链子","：多角色权限、复杂 reducer、嵌套 state——AI 出错率上升，要分多轮 prompt 而非一次写完。",[57,582,583,586],{},[36,584,585],{},"退款仅 24 小时窗口","，订阅前先用 Free 跑一遍判断匹配度。",[57,588,589,592],{},[36,590,591],{},"i18n 弱","：默认输出英文 UI，多语言项目需要在 prompt 反复强调；中文场景 fallback 到 Bolt + 自己改 UI 或者 Trae 国内版。",[21,594,596],{"id":595},"适合-不适合","适合 \u002F 不适合",[33,598,599,600,603],{},"✅ 非技术创始人 \u002F 产品经理；MVP 验证；需要 Supabase 全栈开箱；需要专业 demo URL。",[601,602],"br",{},"\n❌ 自定义后端架构；复杂业务逻辑；预算预测敏感；中文重度场景。",[21,605,606],{"id":606},"相关阅读",[54,608,609,617,624],{},[57,610,611,612],{},"配套 playbook：",[613,614,616],"a",{"href":615},"\u002Fplaybook\u002Fbolt-vs-lovable-vs-v0.html","Bolt vs Lovable vs v0 怎么选",[57,618,619,620],{},"同分类：",[613,621,623],{"href":622},"\u002Fcoding\u002Fbuilder\u002F","AI 应用 Builder 全分类",[57,625,626,627,630,631,630,634],{},"替代品：",[613,628,106],{"href":629},"\u002Fcoding\u002Fbuilder\u002Fbolt-new.html"," · ",[613,632,431],{"href":633},"\u002Fcoding\u002Fbuilder\u002Fv0.html",[613,635,434],{"href":636},"\u002Fcoding\u002Fbuilder\u002Freplit-agent.html",[21,638,639],{"id":639},"来源",[54,641,642,650,657,664,671],{},[57,643,644,645],{},"官网：",[613,646,647],{"href":647,"rel":648},"https:\u002F\u002Flovable.dev",[649],"nofollow",[57,651,652,653],{},"定价深度解析：",[613,654,655],{"href":655,"rel":656},"https:\u002F\u002Fflowith.io\u002Fblog\u002Flovable-pricing-2026-free-vs-starter-vs-pro",[649],[57,658,659,660],{},"TCO 分析：",[613,661,662],{"href":662,"rel":663},"https:\u002F\u002Fcheckthat.ai\u002Fbrands\u002Flovable\u002Fpricing",[649],[57,665,666,667],{},"评测：",[613,668,669],{"href":669,"rel":670},"https:\u002F\u002Fen.ai-pedias.com\u002Ftools\u002Flovable",[649],[57,672,673,674],{},"积分 \u002F Cloud 详解：",[613,675,676],{"href":676,"rel":677},"https:\u002F\u002Fwww.zite.com\u002Fblog\u002Flovable-pricing",[649],[350,679,680],{},[33,681,682,683,687],{},"本卡片由 AIHO 编辑部根据以上公开资料整理，非厂商付费内容；定价与功能以官网为准，欢迎在 ",[613,684,686],{"href":685},"mailto:hello@aiho.net","反馈邮箱"," 反馈更新。",{"title":409,"searchDepth":689,"depth":689,"links":690},3,[691,693,694,695,700,701,702,703,704,705],{"id":23,"depth":692,"text":24},2,{"id":49,"depth":692,"text":49},{"id":178,"depth":692,"text":179},{"id":347,"depth":692,"text":348,"children":696},[697,698,699],{"id":358,"depth":689,"text":359},{"id":386,"depth":689,"text":387},{"id":393,"depth":689,"text":394},{"id":400,"depth":692,"text":401},{"id":415,"depth":692,"text":415},{"id":548,"depth":692,"text":548},{"id":595,"depth":692,"text":596},{"id":606,"depth":692,"text":606},{"id":639,"depth":692,"text":639},"builder","\u002Fimg\u002Ftools\u002Flovable.webp","Lovable 真实评测：前身 GPT Engineer，从 prompt 到全栈应用 + Supabase 后端的 AI Builder。2026 年 ARR 突破 $300M；积分计费、Cloud \u002F AI 一体化、4 档套餐 + 隐性 Supabase \u002F 域名成本，含真实 TCO 分析与避坑清单。",false,"md",[712,715,718,721,724,727],{"q":713,"a":714},"Lovable 和 Bolt 怎么选？","Lovable 更非技术友好（UI \u002F 隐藏复杂度更彻底），Supabase 整合更深、有完整的 auth \u002F database \u002F 部署一条龙；Bolt 让你看到代码、多框架支持、WebContainer 在浏览器内跑。非技术创始人选 Lovable，开发者优先 Bolt。",{"q":716,"a":717},"积分制怎么算？","Lovable 用积分（credit）而非 token。简单操作（改按钮颜色）~0.5 credit、删 footer ~0.9、初始建项目 ~2 credit。Pro $25\u002F月含 100 credit + 每日 5 bonus（不滚存）。复杂 MVP 单个完整流程 ~50-100 credit，能撑住但要节制。",{"q":719,"a":720},"真实月度成本是多少？","Lovable Pro $25 + Supabase Pro $25\u002F月 + 域名 $1\u002F月 ≈ $51\u002F月。生产应用通常更高（Supabase 用量超 + Lovable Cloud 推广期结束后 $25\u002F月起的 hosting）。Solo dev 真实 TCO 一年 $612-912。",{"q":722,"a":723},"Lovable Cloud 是什么？","Lovable 2026 推出的全栈托管平台，含数据库（Supabase）+ 文件存储 + AI 集成。订阅含 $25\u002F月 Cloud 推广额度 + $1\u002F月 AI 额度（promotional），到期后按用量计费。",{"q":725,"a":726},"支持中文 prompt 吗？","支持但 UI 全英文。生成的 UI 默认英文，需要在 prompt 里明确指定语言。i18n 支持较弱，建议英文项目优先。",{"q":728,"a":729},"代码可导出吗？","Pro+ 支持 GitHub 同步导出。代码质量介于 Bolt 和 Replit 之间——可读但生成痕迹明显，导出后需要 cleanup 才适合长期维护。",[731],"en",{},true,[735,736,737,738],"需要自定义后端架构（Supabase 之外）","复杂业务逻辑（积分会快速消耗）","对预算预测敏感（积分制不直观）","中文重度场景","\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable","coding",[742],"web",[744,748,752,755],{"plan":204,"price":207,"limit":745,"cn_pay":746,"note":747},"每日 5 message、1-2 个项目、Lovable 子域名","—","试用",{"plan":218,"price":749,"limit":750,"cn_pay":746,"note":751},"$25\u002F月（最新文档 $20-25 浮动）","~100 message\u002F月、每日 5 bonus、自定义域名、top-up 可购","个人 MVP",{"plan":234,"price":237,"limit":753,"cn_pay":746,"note":754},"私有项目、RBAC、SSO、优先支持","团队 \u002F 合规",{"plan":248,"price":251,"limit":756,"cn_pay":746,"note":757},"SCIM、专属支持、onboarding、自定义集成","大企业","Free \u002F Pro $25\u002F月 \u002F Business $50\u002F月 \u002F Enterprise","2026-06-19",[761,762],"ai-coding\u002Fbolt-vs-lovable-vs-v0","ai-coding\u002Fmvp-credit-budget",[764,765],"ai-builders-comparison","ai-coding-tool-decision-tree",{"power":767,"ux":767,"price":689,"cn_support":692,"stability":689},4,{"title":12,"description":708},"coding\u002Fbuilder\u002Flovable",[771,773,775,777,779],{"title":772,"url":647},"Lovable 官网",{"title":774,"url":655},"Lovable 定价深度解析（Flowith 2026）",{"title":776,"url":662},"Lovable Pricing TCO 分析（CheckThat.ai 2026）",{"title":778,"url":669},"Lovable 评测（AIpedia 2026-06）",{"title":780,"url":676},"Lovable 积分 \u002F Cloud 详解（Zite 2026-02）","tools\u002Fcoding\u002Fbuilder\u002Flovable",[783,784,785,786],"非技术创始人 \u002F 产品经理（不想看代码）","MVP 验证（写 prompt 比写代码顺）","需要 Supabase 全栈后端开箱即用","需要专业可见性（自定义域名 + 公开 demo）","前 GPT Engineer，从 prompt 到全栈应用 + Supabase 后端",[789,790,791,792,793,794],"app-generator","prototype","fullstack","visual","supabase","credit-based","2026-06-24","和 Bolt 定位相近，但更偏「非技术创始人 + Supabase 后端 + 完整产品」。可产出物 Bolt 更干净，Lovable 更完整；积分制需要预算预测，月度真实 TCO 含 Supabase 至少 $50+。","KC-1JShRUh4qAyNhX-wfkADNPduIY4AX5-KgJ9nRBKQ",{"id":799,"title":431,"alternatives":800,"api_compatible":9,"body":801,"category":706,"chinese_friendly":689,"cover":1241,"description":1242,"domestic":709,"extension":710,"faq":1243,"free":709,"github":9,"languages":1256,"lastVerified":9,"meta":1257,"models":9,"navigation":733,"notSuitable":9,"opensource":709,"path":1258,"pillar":740,"platforms":1259,"priceTable":1260,"pricing":1274,"published":759,"relatedPlaybooks":1275,"relatedReviews":1278,"score":1279,"self_host":709,"seo":1281,"seoTitle":9,"slug":15,"sources":1282,"stem":1289,"suitable":9,"tagline":1290,"tags":1291,"updated":795,"verdict":1298,"website":810,"__hash__":1299},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0.md",[14,769,16],{"type":18,"value":802,"toc":1229},[803,805,814,817,820,827,830,856,860,947,950,957,961,967,978,983,997,1000,1020,1023,1122,1125,1160,1162,1176,1178,1204,1206],[21,804,24],{"id":23},[33,806,807,808,813],{},"v0 是 Vercel 的 AI UI 生成器，定位是「把自然语言\u002F截图变成可用的 React + Tailwind + shadcn\u002Fui 组件」。2026 年迁到 ",[613,809,812],{"href":810,"rel":811},"https:\u002F\u002Fv0.app",[649],"v0.app","（原 v0.dev），引入 Mini \u002F Pro \u002F Max 三档专属模型 + 积分制：Free $5、Premium $20\u002F月（$20 credits）、Team $30\u002F席。输出质量是同类最好——一行不改就能进生产的 shadcn 代码，是其他 builder 比不上的。",[33,815,816],{},"适合：前端工程师做 UI 草稿、设计稿 → 代码、营销页\u002F控制台快速搭建。不适合：要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt \u002F Lovable \u002F Replit Agent 的地盘。",[21,818,819],{"id":819},"它是什么",[33,821,822,823,826],{},"v0 不是 IDE 也不是「全栈一句话出 SaaS」类工具，它专注做一件事：",[36,824,825],{},"把描述\u002F图片变成高质量 React 组件","。底座是 Next.js 14+、Tailwind、shadcn\u002Fui，输出符合现代前端工程标准——可访问性、响应式、TypeScript、服务端组件、loading\u002Ferror state。",[33,828,829],{},"2026 年的 v0 已不是单组件玩具：",[54,831,832,838,844,850],{},[57,833,834,837],{},[36,835,836],{},"多页应用生成","：可以一次性吐出含导航、布局、多个路由的完整 Next.js 项目骨架",[57,839,840,843],{},[36,841,842],{},"三档模型","：Mini（便宜快）\u002F Pro（默认）\u002F Max（高质量复杂任务），积分消耗不同",[57,845,846,849],{},[36,847,848],{},"Git\u002F部署","：内置项目管理 + 一键 deploy 到 Vercel，Premium 起可导出到 GitHub",[57,851,852,855],{},[36,853,854],{},"图像理解","：丢一张设计稿\u002F截图，直接给你 pixel-perfect 的 shadcn 实现",[21,857,859],{"id":858},"价格2026-年-6-月按官方与第三方追踪综合","价格（2026 年 6 月，按官方与第三方追踪综合）",[90,861,862,878],{},[93,863,864],{},[96,865,866,869,872,875],{},[99,867,868],{},"Plan",[99,870,871],{},"价格",[99,873,874],{},"月度 credits",[99,876,877],{},"关键能力",[108,879,880,892,910,924,936],{},[96,881,882,884,886,889],{},[113,883,204],{},[113,885,207],{},[113,887,888],{},"$5",[113,890,891],{},"200 项目、带水印、public only",[96,893,894,899,904,907],{},[113,895,896],{},[36,897,898],{},"Premium",[113,900,901],{},[36,902,903],{},"$20\u002F月",[113,905,906],{},"$20",[113,908,909],{},"自定义域名、私有项目、GitHub 导出",[96,911,912,915,918,921],{},[113,913,914],{},"Team",[113,916,917],{},"$30\u002F席\u002F月",[113,919,920],{},"$30\u002F席",[113,922,923],{},"共享 workspace、池化 credits、年付约 8 折",[96,925,926,928,931,933],{},[113,927,234],{},[113,929,930],{},"$100\u002F席\u002F月",[113,932,920],{},[113,934,935],{},"SOC 2、私有部署增强、合规审计",[96,937,938,940,942,944],{},[113,939,248],{},[113,941,251],{},[113,943,251],{},[113,945,946],{},"SSO\u002FSAML、专属支持",[33,948,949],{},"积分消耗模型：「一次生成 = 1+ credits，按 token + 选用模型档位计费」。读代码、聊天不耗。Pro 档一次复杂多页生成约 $1–$3 credits，Max 档可能 $3–$8。",[33,951,952,953,956],{},"注意 ",[36,954,955],{},"hosting"," 是另一笔钱：v0 自己不收 hosting 费，但 Vercel Hobby 免费够 demo，生产建议升 Vercel Pro（$20\u002F席\u002F月）。整体 TCO ≈ $40\u002F月入门。",[21,958,960],{"id":959},"实测一周高强度试用观察","实测（一周高强度试用观察）",[33,962,963,966],{},[36,964,965],{},"好的地方","：",[54,968,969,972,975],{},[57,970,971],{},"shadcn 代码质量明显高一档，几乎可以 copy 进生产代码库",[57,973,974],{},"图像 → 代码的还原度是同类第一（实测一张 Figma 截图 → 90% 还原）",[57,976,977],{},"多页生成的路由结构 \u002F loading state \u002F a11y 标签都按 Next.js 13+ 规范写",[33,979,980,966],{},[36,981,982],{},"踩坑",[54,984,985,988,991,994],{},[57,986,987],{},"不擅长后端：写 API route 经常瞎编 Prisma schema 或调错 SDK",[57,989,990],{},"积分易超：Max 档调一次复杂表单可能 $5+ credits，Premium 单月 $20 不够撑 50 次",[57,992,993],{},"中文 prompt 偶尔输出英文 UI，需要在描述里加「界面文案保持中文」",[57,995,996],{},"v0.dev → v0.app 迁移期，部分老链接 redirect 异常",[21,998,999],{"id":999},"上手",[367,1001,1002,1005,1008,1011,1014],{},[57,1003,1004],{},"v0.app 注册（GitHub OAuth 最快），自动给 Free $5 credits",[57,1006,1007],{},"用一句话或截图描述 UI，选 Mini\u002FPro\u002FMax 模型档位",[57,1009,1010],{},"在 chat 里迭代修改，preview 实时更新",[57,1012,1013],{},"满意后 → GitHub 导出（需 Premium）或一键 Vercel deploy",[57,1015,1016,1017],{},"拷贝代码进现有项目——shadcn 组件可直接进 ",[411,1018,1019],{},"components\u002Fui\u002F",[21,1021,1022],{"id":1022},"对比一览",[90,1024,1025,1039],{},[93,1026,1027],{},[96,1028,1029,1031,1033,1035,1037],{},[99,1030,424],{},[99,1032,431],{},[99,1034,106],{},[99,1036,12],{},[99,1038,434],{},[108,1040,1041,1058,1075,1092,1107],{},[96,1042,1043,1046,1049,1052,1055],{},[113,1044,1045],{},"强项",[113,1047,1048],{},"组件 \u002F UI 还原",[113,1050,1051],{},"全栈应用 + WebContainer",[113,1053,1054],{},"全栈 + 数据库 + Auth",[113,1056,1057],{},"浏览器 IDE + 部署",[96,1059,1060,1063,1066,1069,1072],{},[113,1061,1062],{},"输出代码",[113,1064,1065],{},"Next.js + shadcn",[113,1067,1068],{},"Vite \u002F Next",[113,1070,1071],{},"Vite + Supabase",[113,1073,1074],{},"任意 stack",[96,1076,1077,1080,1083,1086,1089],{},[113,1078,1079],{},"起步价",[113,1081,1082],{},"$20\u002F月 + Vercel",[113,1084,1085],{},"$20\u002F月 token",[113,1087,1088],{},"$25\u002F月 credits",[113,1090,1091],{},"Core $25\u002F月",[96,1093,1094,1096,1098,1101,1104],{},[113,1095,73],{},[113,1097,538],{},[113,1099,1100],{},"中",[113,1102,1103],{},"强（Supabase 集成）",[113,1105,1106],{},"强",[96,1108,1109,1112,1115,1118,1120],{},[113,1110,1111],{},"Vercel 集成",[113,1113,1114],{},"原生",[113,1116,1117],{},"否",[113,1119,1117],{},[113,1121,1117],{},[21,1123,1124],{"id":1124},"避坑",[54,1126,1127,1133,1139,1145,1151],{},[57,1128,1129,1132],{},[36,1130,1131],{},"不要拿 v0 写后端","：API、数据库 schema、auth 流程交给 Cursor \u002F Codex \u002F Claude Code，v0 专心做 UI",[57,1134,1135,1138],{},[36,1136,1137],{},"Free 水印过不了客户验收","：演示前一定升 Premium 或自建部署",[57,1140,1141,1144],{},[36,1142,1143],{},"不要每次 prompt 都用 Max 档","：默认 Pro 已经够好，Max 留给复杂多页或像素级还原",[57,1146,1147,1150],{},[36,1148,1149],{},"批量生成 → 必走 GitHub 导出","：避免锁在 v0 项目里，万一改定价就被动",[57,1152,1153,1156,1157],{},[36,1154,1155],{},"shadcn 版本要对齐","：v0 用最新版 shadcn，旧项目导入前先 ",[411,1158,1159],{},"npx shadcn@latest init",[21,1161,596],{"id":595},[54,1163,1164,1167,1170,1173],{},[57,1165,1166],{},"✅ 前端工程师做组件、营销页、控制台 \u002F dashboard、设计稿落地",[57,1168,1169],{},"✅ 已经用 Next.js + Vercel + shadcn 技术栈的团队",[57,1171,1172],{},"❌ 想要「一句话出完整 SaaS」——选 Lovable \u002F Bolt",[57,1174,1175],{},"❌ 不用 React 的团队（Vue \u002F Svelte 党）",[21,1177,606],{"id":606},[54,1179,1180,1186,1191,1197],{},[57,1181,1182],{},[613,1183,1185],{"href":1184},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new","Bolt.new 评测",[57,1187,1188],{},[613,1189,1190],{"href":739},"Lovable 评测",[57,1192,1193],{},[613,1194,1196],{"href":1195},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent","Replit Agent 评测",[57,1198,1199,1203],{},[613,1200,1202],{"href":1201},"\u002Ftools\u002Fcoding\u002Fide\u002Fcursor","Cursor 评测","（写后端搭配 v0）",[21,1205,639],{"id":639},[367,1207,1208,1215,1222],{},[57,1209,1210,1211],{},"nocode.mba — V0 Pricing 2026（2026-03-02）",[613,1212,1213],{"href":1213,"rel":1214},"https:\u002F\u002Fwww.nocode.mba\u002Farticles\u002Fv0-pricing",[649],[57,1216,1217,1218],{},"automationatlas — v0 Pricing Explained 2026（2026-05-06）",[613,1219,1220],{"href":1220,"rel":1221},"https:\u002F\u002Fautomationatlas.io\u002Fanswers\u002Fv0-pricing-explained-2026",[649],[57,1223,1224,1225],{},"nxcode — v0 Complete Guide 2026（2026-03）",[613,1226,1227],{"href":1227,"rel":1228},"https:\u002F\u002Fwww.nxcode.io\u002Fresources\u002Fnews\u002Fv0-by-vercel-complete-guide-2026",[649],{"title":409,"searchDepth":689,"depth":689,"links":1230},[1231,1232,1233,1234,1235,1236,1237,1238,1239,1240],{"id":23,"depth":692,"text":24},{"id":819,"depth":692,"text":819},{"id":858,"depth":692,"text":859},{"id":959,"depth":692,"text":960},{"id":999,"depth":692,"text":999},{"id":1022,"depth":692,"text":1022},{"id":1124,"depth":692,"text":1124},{"id":595,"depth":692,"text":596},{"id":606,"depth":692,"text":606},{"id":639,"depth":692,"text":639},"\u002Fimg\u002Ftools\u002Fv0.webp","v0 真实评测：Vercel 出品的 AI UI 生成器，输入描述即可生成 React + Tailwind + shadcn\u002Fui 组件。2026 年迁移到 v0.app，按积分计费，Premium $20\u002F月含 $20 credits。",[1244,1247,1250,1253],{"q":1245,"a":1246},"v0 和 Bolt \u002F Lovable 怎么选？","v0 强在『组件级 \u002F 多页前端』和 shadcn 代码质量；Bolt \u002F Lovable 强在『完整全栈带后端』。前端工程师选 v0，非技术 PM 想要带数据库的应用选 Lovable。",{"q":1248,"a":1249},"积分用完会怎样？","Premium 单月 $20 credits 用完后无法继续生成，需要等下月或升级 Team；不会自动按 API 价继续扣，对预算友好。",{"q":1251,"a":1252},"生成代码能脱离 Vercel 跑吗？","能。v0 输出标准的 Next.js + shadcn\u002Fui，Premium 起支持 GitHub 导出，可部署到任意 Node 平台；但 v0 自带 preview\u002Fdeploy 走的是 Vercel。",{"q":1254,"a":1255},"为什么我的部署有水印？","Free tier 限制——public 项目 + Vercel 水印；升级 Premium 即可移除。",[731],{},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0",[742],[1261,1265,1267,1270,1272],{"plan":204,"price":1262,"seats":1263,"notes":1264},"$0\u002F月","1","$5 credits\u002F月，200 项目上限，带水印部署",{"plan":898,"price":903,"seats":1263,"notes":1266},"$20 credits\u002F月，自定义域名，GitHub 导出",{"plan":914,"price":917,"seats":1268,"notes":1269},"≥2","$30 credits\u002F席，共享工作区，年付约 8 折",{"plan":234,"price":930,"seats":1268,"notes":1271},"私有项目、SOC 2、增强隔离",{"plan":248,"price":251,"seats":746,"notes":1273},"SSO\u002FSAML、审计日志、专属支持","Free $5 credits \u002F Premium $20·月 \u002F Team $30·席\u002F月 \u002F Business $100·席\u002F月",[1276,1277],"onboarding\u002Fcursor-mcp-deep-integration","onboarding\u002Frag-pipeline-build",[764],{"power":767,"ux":1280,"price":689,"cn_support":689,"stability":767},5,{"title":431,"description":1242},[1283,1285,1287],{"name":1284,"url":1213,"accessed":795},"nocode.mba — V0 Pricing 2026",{"name":1286,"url":1220,"accessed":795},"automationatlas — v0 pricing",{"name":1288,"url":1227,"accessed":795},"nxcode — v0 complete guide 2026","tools\u002Fcoding\u002Fbuilder\u002Fv0","Vercel 出品：从自然语言生成 React \u002F Next.js 组件",[1292,1293,1294,1295,1296,790,1297],"ui-generator","react","nextjs","tailwind","shadcn","vercel","React\u002FNext.js 生态最好用的 AI UI 生成器；2026 改成 credit-based + 多 model（Mini\u002FPro\u002FMax），shadcn 输出一如既往是顶级品质。","jqqSrRiGJjXI7mkQO9adysVQ0Cc2Bt5pVh6FC2NCkeg",1784565441248]