本文最初发布于 THENEWSTACK。

Pokémon Awesome的屏幕截图,该应用使用 v0.app 开发
2025 年 8 月 11 日,Vercel 推出了其AI驱动产品v0的最新版本,名称从.dev 变成了.app,说明该版本已经可供最终用户使用。
Vercel v0.app产品经理Aryaman Khandelwal告诉 The New Stack,“一开始,我们开发 v0 的初衷是帮助开发人员简化开发工作流,而在构建 v0 的过程中,我们意识到,v0 实际上更适合面向所有人。从 v0.dev 转变到 v0.app,我们确实是在设法让 v0 更便于非技术用户使用。”
按他的说法,到目前为止,v0 拥有 300 万用户,每秒会产生六个半应用,也就是说,一天有数十万个 Web 应用使用 v0 构建出来。
Vercel 对 AI 工具的更新
据 Khandelwal 介绍,Vercel 所做的第一个改变是更新用户界面,使其更便于非“超级开发者”使用。
第二个改变是让 v0 可以替开发者和最终用户执行操作,例如搜索互联网或添加集成,而不仅仅是生成代码。它可以创建全栈应用,包括前端响应式 UI 和后端连接,如数据库。
他说,“基本上,我们认为 v0 涵盖了人们在构建 Web 应用时需要的全部内容。我不建议使用 v0 来构建一个没有 UI 的纯后端框架。”
他补充说,尽管可以用它做其中的一部分工作,人们已经用它来编写“非常酷的 API”,但 v0.app 的长项真的是构建网站和应用程序。
新发布的 v0.app 可以执行以下任务:
Web 搜索:它搜索 Web,处理失败并返回带有引用的结果。
文件读取:它读取文件并返回其内容。
网站检查:它检查站点,截取屏幕并汇总发现的情况。
设计灵感:它根据提示生成带有描述的图像。他说,“例如,我刚刚要求它在我的待办事项站点中添加一个以时间为主题的图像,它立马就加上了。它还允许上传 Logo、产品信息甚至品牌指南。未来,我们计划增加更多功能,进一步简化品牌建设。”
待办事项管理:它跟踪任务,更新计划并生成技术分解。
工作检查:它发现错误,比较实现并推理结果。
集成:它支持集成,包括从 Vercel 托管选项列表中添加数据库的选项。它还可以添加其他工具,包括目前由 Vercel 市场提供的 AI 工具,如Grok。它还支持第三方 API 集成,因此,企业可以选择连接到自己的后端系统。
为什么 Vercel 正在设法吸引非开发人员?
显然,这不是 Vercel 最初推出 v0.dev 时选择的道路,它一开始是针对前端和Web开发者。第一个版本专注于创建代码。
Khandelwal 说,“我们了解开发者。我们的市场一直是针对开发者的。我们最初是把它作为一个开发工具来构建的。我们把它做得非常技术化。”
但他说,在部署以后两年的时间里,Vercel 看到,开发者周围的人——设计师、营销人员、销售工程师、产品经理——对这个工具的使用超出了 Vercel 的预期。
他补充说,这种转变主要来自客户。
Khandelwal 说,“实际上,我们发现,有更多的用户来自那些与开发者相邻的角色,他们从 v0 中获得了巨大的价值。我们并没有真正地为他们提供很好的服务,这就是我们的动机来源。”
从 LLM 到代理 AI,或从瀑布到敏捷
大型语言模型(LLM)主要使用偏向瀑布式的方法进行开发:你输入一个命令,它要么一次成功生成某个东西,要么直接失败。为了使 v0 对用户更为友好,该工具现在调用一个AI代理而不是只有一个 LLM。
这种代理方法使其能够采取更敏捷的方法,将命令分解为子任务,非常快速地迭代应用程序。Khandelwal 说,这使得它对非技术用户来说既简单又强大。
他说,“它会说,’嘿,我首先需要创建 UI,然后我需要添加一个数据库,然后我需要添加断开按钮,然后我需要进一步改进。‘像个真人一样一步一步地做事情,这大大降低了我们的错误率”。
它还允许 v0 迭代你正在部署的任何 Web 应用程序。我仅用几次尝试,每次只需几秒到几分钟,就成功构建了一个包含图片的基本待办事项列表。如果你对更复杂的应用程序感兴趣,可以看看Pokémon Awesome!,这是一个通过 v0 部署的应用程序。v0.app的主页上还有其他许多类似的应用程序。

我的每日计划工具,使用 Vercel v0.app 开发
实际上,我的大部分工作时间都花在了把网站的最新迭代保存在GitHub上,我觉得这更多的是“我的问题”,而不是 Vercel 的问题。AI 最终能够识别出问题(或用户错误)并告诉我如何纠正它。
Khandelwal 说,“现在有两件事做得比以前好多了,用户在第一次或第二次提示时就能发现”。
他说,第一,v0.app 犯的错误更少了,特别是对于非常复杂的提示;第二,它的代码创建方法确实比 v0.dev 快。
起初,Vercel 不得不对 v0 做些“限制”,防止它同时做太多事情。它被告知在满足用户要求的情况下尽可能少地做工作,以防止破坏应用程序。
他说,“通常情况下,v0 会尝试一次性完成所有工作,当它这样做时,错误率会更高”。现在,v0 将自动分解成更小的步骤。
让我们谈谈后台框架
我问 Khandelwal,v0.app 在后台做了什么:它是否默认使用了由 Vercel 开发并推广的微框架Next.js?他承认,如果你不要求使用特定的框架,它确实是使用 Next.js。
他说,“我们只在必要时暴露复杂性。因此,如果你不要求使用特定的技术栈或其他什么东西,我们将为你构建一个Web应用程序。它将使用 Next.js 框架,用TypeScript编写代码,用Tailwind定义样式。”
他补充说,这些是用于 Web 开发的“最现代化的技术”。
他说,“如今,行业非常倾向于将这些东西标准化,这个技术栈的每个部分我们都使用了最新版本。如果你不做任何要求,又是一名非技术人员,你真的不用在乎它是用什么构建的。我们将为你提供最先进的技术并帮你构建应用。”
但如果你比较懂技术,就可以自定义代码。例如,你可以要求使用纯 CSS 而不是 Tailwind。它可以生成静态 HTML 和 CSS 网站。它甚至可以生成纯 React。
该工具还支持其他微框架。最近,Vercel 改进了对Svelte的支持,允许氛围编码工具生成 Svelte 应用程序并使用许多通常适用于 Next.js 的工具。
Khandelwal 说,“我们不是特别注重改进对 Vue 和 Angular 以及其他一些元 JavaScript 框架的支持,但总的来说,我们可以使用它们生成代码。我们会设法替你选择真正好的默认选项,你不知道也没关系。但如果你愿意,你总是可以根据需要进一步自定义。”
该工具还包含一个代码编辑器页签。因此,开发人员可以进入这个页签并根据需要更改或修复代码。它还允许你将代码发送到你自己的 IDE,正如前面提到的,它可以与 GitHub 存储库同步。
他说,“你总是可以推送到 git,v0 会更新你正在开发的应用程序。所以实际上,你可以在你的 IDE 中获得完整的开发工作流。”
v0.app 正在改变 Next.js 框架
Vercel 内部还有另外一个有趣的动态:Next.js 团队正在更新框架,使其更好地与 LLM 和代理 AI 搭配。
他说,“我们与 Next.js 团队非常密切地合作。事实上,我们是非常好的 Next.js 客户——我们给了他们很多反馈,比如,‘LLM 似乎不理解这种语法’或‘似乎不理解框架中的这种模式’。”
v0 团队会要求他们提供更好的文档,或者询问他们某种情况是否可以简化或更改。比方说客户端日志和服务器端日志。通常,客户端日志在浏览器控制台中,而服务器端日志则显示在终端中。但 LLM 通常只能访问终端。所以,v0 团队通知 Next.js 团队,他们需要两个地方的日志来支持代理 AI 开发。
Khandelwal 说,“实际上,我们与 Vercel 和 Next.js 之间存在着一种非常酷的共生关系,我们能够给他们提供非常好的反馈,告诉他们如何让这些工具更易于使用,以及如何让像这样的氛围编码平台变得更好。”
关于作者:Loraine Lawson是一位资深的技术记者,25 年来一直报道从数据集成到安全等领域的各类技术问题。在加入 The New Stack 之前,她曾担任银行技术网站 Bank Automation News 的编辑。
声明:本文为 InfoQ 翻译,未经许可禁止转载。
原文链接:https://thenewstack.io/vercel-goes-all-in-on-vibe-coding-web-apps