最近,开发者工具市场变得异常热闹。随着 Bolt.new
和 Cursor
爆火,它们简化代码生成和项目初始化的能力引起了广泛关注。而 Vercel 推出的 AI 辅助开发工具 v0 显然也不甘示弱。此前 v0 的功能比较基础,只能生成单个页面,但最近,v0 迎来了一个重大更新,可以生成全栈 Web 应用,这是要对标 Bolt.new
和 Cursor
?
v0 最新版本更新内容
以下来自 v0 在 x 上的更新说明
v0 的最新版本主要具备了以下能力:
创建并运行全栈 Next.js 和 React 应用程序
:这一功能使得开发者能够直接生成一个完整的全栈项目,不再局限于单页面生成。一次性创建多个文件
:过去的 v0 只能逐个生成页面,而现在,它可以在一次生成中输出多个互相关联的文件,大幅提升开发效率。链接并部署到 Vercel 项目
:与 Vercel 平台的无缝整合,让生成的项目可以一键部署,从生成到上线一气呵成。使用 Vercel 项目环境变量
:v0 现在支持管理和使用环境变量,这让它在复杂项目的开发中更加得心应手。
写个示例体验下
首页的问题输入框可看到一个 Project 按钮,点击创建一个项目
输入你想要创建的项目信息,点击 Create Project
。
以下为执行后的结果,现在还只是一个空项目,还需要我们进一步的输入提示词,同时可注意到右边 Instructions
区域可以指定项目要使用的技术栈,我选择了 Next.js App Router 和 MUI 组件。
输入的提示词如下:“仿写一个抖音短视频全栈Web项目,支持最基本的功能,例如视频播放/暂停、上一个/下一个视频切换、点赞等基础功能”
一会儿的功夫一个项目就创建好了,文件结构确实是 Next.js App Router 风格,毕竟是自家的框架!前面指定的组件库并不是用的 MUI,而是 tailwindcss
,这个理解还是有点问题~
预览下,看看生成的效果!
可以选择部分 UI 进行修改,右侧现在看起来是有点丑,输入以下提示词
进行优化:“1. 这里优化下,可以增加这四个功能:头像、点赞、评论、收藏、转载 2.上一步/下一步按钮去掉,通过鼠标滑动实现翻页”
现在修改时还可以多个文件一起修改。
以下是最终的效果,比前面的好一些。
v0 的焦虑与应对
可以说,Bolt.new 和 Cursor 的快速崛起让 v0 面临了不小的竞争压力。Bolt.new 提供了一种全新的项目生成方式,而 Cursor 作为一个 AI 辅助 IDE,主打极简高效的代码编辑体验。面对这样的对手,v0 的原有功能显得有些单薄。此次的更新显然是对市场需求的快速响应,力图在功能上实现全面对标。
近期文章推荐
扫描以下二维码加小编微信,备注 “ai”,一起交流 AI 技术!