昨天 vercel 官方推出一款新 AI 工具 v0.dev,瞬间引爆前端圈,AI 替代这个话题瞬间燃起来了,对此阁下如何应对?
同时官方也公布了 v0.dev 实现
开始
输入你的关键词
选择一个 UI 设计
它会给出三个 UI 设计,选择一个你认可的
后续版本迭代
优化 prompt,持续迭代你的应用,你可以查看所有 生成历史记录
功能
根据提示词自动生成代码
这个官方案例的一个常见后台表单生成功能,我们可以看到经常 20 个版本的提示词优化迭代,它已经达到一个非常可用的阶段
关键提示词: A table of financial invoices
并且生成代码也是具备可读性的
可视化修改页面
类似浏览器的 元素选择器,你可以直接选中某一个元素,输入优化建议:比如修改某一个文案、文字颜色等等
真可视化写代码!
集成到你的项目
一行命令添加到你的项目中
试用
目前 v0 正在实验阶段,所以你可以加入 waitlist 进行体验
FAQ
V0 使用数据来源
v0 目前使用 vercel 团队编写的自定义代码以及开源和合成数据集进行训练的。大家可能比较关心的是,我托管在 vercel 上的程序会被训练吗?vercel 作为近期热门的开源托管平台,上面部署着许多用户托管代码。目前官方声明是没有使用的,但是在 Alpha 阶段,你使用 v0 生成的 prompt 和代码将会用于训练
V0 支持哪些语言
v0 目前支持 React DOM元素、Tailwind、Shadcn UI 组件,目前 Vue、Svelte、HTML等其他框架还不支持,后续官方添加它们的支持
是否收费
在 Alpha 阶段目前是免费的,待正式发布之后,会对产品进行定价,所以免费的羊毛赶紧薅!!