专栏名称: 程序员成长指北
专注 Node.js 技术栈分享,从 前端 到 Node.js 再到 后端数据库,祝您成为优秀的高级 Node.js 全栈工程师。一个有趣的且乐于分享的人。座右铭:今天未完成的,明天更不会完成。
今天看啥  ›  专栏  ›  程序员成长指北

AI 工具 v0 已支持生成 Vue 代码了!

程序员成长指北  · 公众号  ·  · 2024-09-22 22:06

文章预览

点击上方  程序员成长指北 ,关注公众号 回复 1 ,加入高级Node交流群 V0 是 @Vercel 公司创建的一个 AI 驱动工具,访问地址为 v0.dev [1] 。输入简单的文本提示或上传图像即可生成 UI,最初生成的代码为 React 组件。 近日,v0 在其 x@v0 [2] 上宣布开始支持生成基本的 Vue 代码,Vue 的第三方 npm 包也即将支持。 根据官方发布的示例演示,当输入提示词 “a calculator in vue with a cool background( 带有炫酷背景的 Vue 计算器 [3] )” 生成的 UI 如下所示,看着确实挺酷的!👍 代码如下:    class= "flex items-center justify-center min-h-screen bg-gradient-to-br from-purple-600 via-pink-500 to-red-500" >      class= "p-8 rounded-2xl shadow-2xl backdrop-blur-md bg-white bg-opacity-20" >        class= "mb-4" >          < input            type = "text"           v-model= "display"           reado ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览