v0

Vercel 出品

v0

描述需求即生成可运行的 React / Next.js 应用，自带编辑器、数据库集成与 GitHub 双向同步，一键部署到 Vercel。

Free $0

含 $5 月度额度

Next.js

原生生态

一键部署

发布到 Vercel

访问官网使用教程

免费试用 · 无需下载即可在线体验

关于 v0

从一句话到可部署的 Next.js 应用

v0 是 Vercel 推出的 AI 应用构建工具：用自然语言描述需求，它生成真实可运行的 React / Next.js 代码而不是孤立片段。官方站点与文档已从 v0.dev 迁移到 v0.app，旧链接会跳转。

2026 年初的大版本更新后，它从「生成组件」扩展为完整的全栈环境：提供全栈沙箱、数据库集成、Git 面板与 VS Code 风格的代码编辑器，并使用为 React / 前端场景微调的自研 Mini / Pro / Max 模型，可按质量与成本取舍。

工作流上，可以先用 Plan mode 让它梳理路由、数据模型、权限与外部服务再动手生成；生成后既能在对话里继续迭代，也能用 Design mode 直接改样式，或在内置编辑器里手工修补边界情况。支持上传截图、设计稿或 Figma 文件复刻界面。

它与 Vercel 生态深度绑定：GitHub 双向同步让项目不被锁在一个对话里，点 Share → Publish 即可部署到 Vercel，享受预览部署、自定义域名、环境变量与 SOC 2 Type 2 合规基础设施。定价按额度计费：Free $0（每月 $5 额度）、Plus $30/人/月、Business $100/人/月，Enterprise 询价；原 $20 的 Premium 方案正在停止对新用户开放。

核心功能一览

六大核心能力，覆盖创作全流程

💬

对话生成界面与应用

用自然语言生成落地页、Dashboard、电商站、数据可视化与内部工具，输出可运行的 React / Next.js 代码与 Tailwind 样式。

🗄️

全栈沙箱与数据库集成

2026 年起提供全栈沙箱，可接入数据库、外部 API 与认证，构建带后端逻辑的完整应用而非纯原型。

🎨

内置编辑器与 Design mode

VS Code 风格编辑器可直接查看和修改文件；Design mode 支持在界面上直接调整样式，不必每次都靠提示词。

🖼️

截图 / Figma 转代码

上传截图、原型图或 Figma 设计稿，v0 将其转换为可运行的界面代码，保持较高的还原度。

🔀

GitHub 双向同步

连接仓库后可在本地与 v0 之间双向同步，用分支和 diff 审查 AI 的改动；也支持从 GitHub 仓库、Vercel 项目或 ZIP 导入已有项目。

🚀

一键部署到 Vercel

Share → Publish 即上线，无需额外配置；预览部署、自定义域名、环境变量、Analytics 与部署保护全部打通。

零基础快速上手

4 步完成你的第一件 AI 作品，无需任何设计经验

用 Vercel 账号登录

打开 v0.app，已有 Vercel 账号可直接登录，无需单独注册；免费版每月含 $5 额度。

先出方案再生成

写清用户、路由、数据与硬性约束，用 Plan mode 让它先列出路由、数据模型、权限与外部服务，确认后再生成代码。

对话迭代与直接改样式

在对话中继续调整布局、配色与文案，或切到 Design mode 在界面上直接改；也可上传参考图让它复刻风格。

连接 GitHub 提交里程碑

接上仓库，把第一个可用版本提交上去，风险较大的改动走分支，合并前审查 diff。

部署并做上线检查

点 Share → Publish 部署到 Vercel，再逐项核对密钥、权限、数据库规则、错误上报、移动端布局与用量上限。

全平台客户端下载

支持网页端、桌面端、移动端及浏览器插件，随时随地开启创作

使用入口

官网 / 网页版

Vercel 账号直接登录

下载

定价页

Free / Plus / Business / Enterprise

下载

官方文档

快速开始与集成说明

下载

客户端与答疑

iOS App

移动端生成与迭代

下载

常见问题

能力边界与计费说明

下载

常见问题解答

遇到问题？这里可能有你想要的答案

v0 免费能用吗？

可以。Free 方案 $0 每月含 $5 额度用于试用；再往上是 Plus $30/人/月、Business $100/人/月，Enterprise 询价。原 $20 的 Premium 方案正在停止对新用户开放。

只能做前端吗？

早期偏前端组件，但 2026 年起提供全栈沙箱、数据库集成与 Git 面板，可构建带认证、数据库与外部 API 的完整应用；不过它的最佳路径仍是部署在 Vercel 的 Next.js 项目。

生成的代码能带走吗？

能。可以导出到本地，或通过双向 GitHub 集成把项目同步到自己的仓库，之后由团队按常规工程流程维护——建议尽早导出，别等项目变复杂。

和 Cursor 怎么选？

v0 适合从零快速产出可部署的界面与应用，偏协作与产品验证；Cursor 是 AI 代码编辑器，适合在已有大型代码库里做修改与重构。

对比维度	v0	Lovable	Cursor	Replit
定位	前端 / 全栈生成	全栈应用生成	AI 代码编辑器	云端 IDE
技术栈	React / Next.js	React 全栈	任意（本地项目）	多语言
部署	一键到 Vercel	内置托管	需自行部署	内置托管
设计稿转代码	支持（含 Figma）	支持截图	有限	有限
计费方式	额度制	额度制	订阅	订阅 + 用量

v0

v0