跳到主要内容
前端术语库

v0

v0

AI 编程也叫:v0.dev、Vercel v0、AI 界面生成

一句话:Vercel 推出的 AI 界面生成工具,用文字描述或截图就能生成可预览的 React 页面和组件代码。

详细解释

v0 是一个在网页上使用的 AI 界面生成工具。你描述想要的页面,或上传一张设计稿、截图,它会生成可以直接预览的界面,代码通常基于 React、Tailwind CSS 和 shadcn/ui,可以继续对话修改,再导出到自己的项目。

它擅长快速做出好看的原型:落地页、仪表盘、表单页、设置页等。和 Cursor、Claude Code 这类在本地项目里工作的工具相比,v0 更像「界面草稿本」,适合从零起步或探索设计方向。

新手需要注意:把生成的代码搬进已有项目时,要检查依赖和组件是否与项目一致;它做出来的主要是界面,数据接口、登录、权限等逻辑还需要另外实现。

怎么跟 AI 说

可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。

做一个 SaaS 产品的定价页:顶部是标题和月付、年付切换,中间三张价格卡片,中间那张标注推荐,下方是常见问题的折叠面板。使用 shadcn/ui 组件,灰白配色,手机上卡片纵向排列。