还有哪些工具能平替vercel的代码自动生成v0?

87 阅读2分钟

背景

随着 AI 的发展,相信作为一个会偷懒的程序员,或多或少已经用过了不少 AI 产品,诸如 ChatGPT、Bing、MJ 等聊天,绘画工具

目标

通过使用 AI 技术来生成网站及部分简单页面,可以大大减少网站提升开发效率

以下是一些可能的应用场景

  1. 快速验证方案,对还原度要求不高的项目
  2. 生成代码后手动进行二次开发

AI 生成网站 支持文本描述与截图

  1. 比较出名的自然是 vercel 推出的代码自动生成平台 v0.dev/,可以从v0 开始不断根据输入对话交互迭代生成你的页面,且可以通过命令行和 nextjs 深度集成,也能直接拷贝代码粘贴到 react 生态中

举例我们输入描述(生成一个产品页)image.png

然后生成页面的代码image-1.png

随之而来的问题

虽然生成的代码质量稳定,但是 vercel 作为 next.js 的开发厂商,只支持 react 生态的代码,那么我们想要快速生成 vue 以及 angular 或其它框架的代码,那么有没有什么类似的工具呢?

首先想到的是直接生成 vue 代码网站

  1. 直接生成 vue 代码网站

  2. 或者曲线救国 react 与 vue 等互转,先通过 vercel v0 生成 react 代码,再通过 react 转 vue runjs.work/code-conver…

结合

虽然一些取巧的办法能够解决上述问题,那么有没有什么网站能支持多样版本的代码生成呢?这样可以省去一些转换步骤,毕竟有时候只是想快速生成一个页面,之后还是得手动调整

目前已经有实现改想法的前人啦 www.ancodeai.com/ 支持生成多样的代码 image-2.png

设想中的特性

  1. 支持不同厂商不同大模型的自由选择
  2. 支持不同框架+不同 UI 框架的自由选择

想法很美好,但是想让 AI 达成和需求完美结合使用离不开工程师不断开发

参考资料