前端AI工具Vercel V0初体验
Vercel（原名 ZEIT）是一个云平台，让开辟者得以即时部署、自动扩容网站和网络服务，无需人工操作。V0是Vercel推出的一款AI 提供支持的生成式 UI 系统——将前端开辟的最佳实践与生成式 AI 的潜力相连合。目的是帮助开辟者构建其产物的第一个版本（以是名字叫V0，可以在V0版本上不断修改，生成V1、V2等等版本）。用户可使用天然语言形貌需求，借助 AI 大模子生成代码。首先在Vercel官网（Vercel: Build and deploy the best Web experiences with The Frontend Cloud – Vercel）进行注册，然后点击“Soluations”下的“AI Apps”，末了点击“Try V0.dev”按钮进入V0页面。https://i-blog.csdnimg.cn/blog_migrate/335995ce4cf29ba2d4aab063b947c719.png
https://i-blog.csdnimg.cn/blog_migrate/3d4a0e16413930b9d46fb001bec6ee20.png我们输入指令让V0帮我们生成一个带有滑动验证的登陆页面，大概10秒左右就生成好了，照旧很快的。https://i-blog.csdnimg.cn/blog_migrate/6bd86716d8477b711f812746856faadb.png可以点击“Pick and edit”后选择页面中想要编辑的标签，输入指令，如让它鼠标hover时变成赤色。https://i-blog.csdnimg.cn/blog_migrate/e97b95ac5bb12480139d2df4d410506b.png点击“Update”按钮后等待一会就会生成V1版本，hover上去的确会变成赤色。https://i-blog.csdnimg.cn/blog_migrate/2a37d1f6755622e961693cf1fcf4f05f.pnghttps://i-blog.csdnimg.cn/blog_migrate/6154b820cf81d5f9f6ccbccfe45454d6.png如今V0生成的代码是React的，希望以后有更多支持选项。点击右上角的“Code”可以检察代码，还可以编辑代码并预览效果。https://i-blog.csdnimg.cn/blog_migrate/630ff41e23136522f37b3b85c37d868e.png
我还试了试图片+笔墨生成一个树list代码，还原度不敷，V0版本树节点也不能点击睁开、收起。我在V1版本用中文指令让它支持节点睁开、收起，发现没有变革，可能不支持中文指令，后面V2版本换成英文指令后，树节点默认收起了，但点击却无法睁开。我想可能是提示词写得不敷好，也希望以后支持主流组件框架选择。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]