v0 急了!迎来重大更新,这是要对标 Bolt.new 和 Cursor?

职场   2024-11-28 20:47   河南  

最近,开发者工具市场变得异常热闹。随着 Bolt.newCursor 爆火,它们简化代码生成和项目初始化的能力引起了广泛关注。而 Vercel 推出的 AI 辅助开发工具 v0 显然也不甘示弱。此前 v0 的功能比较基础,只能生成单个页面,但最近,v0 迎来了一个重大更新,可以生成全栈 Web 应用,这是要对标 Bolt.newCursor

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,这个理解还是有点问题~

注意,数组 videos 中 Mock 的视频播放地址需要自己手动替换下

预览下,看看生成的效果!

可以选择部分 UI 进行修改,右侧现在看起来是有点丑,输入以下提示词 进行优化:“1. 这里优化下,可以增加这四个功能:头像、点赞、评论、收藏、转载 2.上一步/下一步按钮去掉,通过鼠标滑动实现翻页”

现在修改时还可以多个文件一起修改。

以下是最终的效果,比前面的好一些。

v0 的焦虑与应对

可以说,Bolt.new 和 Cursor 的快速崛起让 v0 面临了不小的竞争压力。Bolt.new 提供了一种全新的项目生成方式,而 Cursor 作为一个 AI 辅助 IDE,主打极简高效的代码编辑体验。面对这样的对手,v0 的原有功能显得有些单薄。此次的更新显然是对市场需求的快速响应,力图在功能上实现全面对标。

近期文章推荐

  1. 斯坦福大学教授开源新项目:一个接口调用 OpenAI 等众多大模型

  2. 40.9K Star!单图秒变主角,AI实时换脸神器引爆创意新潮流

  3. 只需 2 分钟,让 Bolt.new 写一个 “抖音”!

  4. 它!号称 V0 杀手,一个 AI 命令即可构建全栈应用,关键还开源

  5. 微软结合 JS + AI 搞了个全新脚本语言:带你感受下代码和自然语言的融合!

  6. 国产开源轻量级 AI 证件照项目,网友第一时间已经安排马斯克体验上了!

- 线 -

扫描以下二维码加小编微信,备注 “ai”,一起交流 AI 技术!

AI智见录
洞见AI前沿,分享技术与实践,助力智慧未来
 最新文章