『v0.dev』会聊天就能用的React页面生成工具

v0.dev 是由 Vercel 推出的一款基于人工智能的生成式用户界面系统。
简单来说,它可以根据你的需求生成前端代码和界面的实时预览,还能将生成好的页面分享出去。

本文可在公众号「德育处主任」免费阅读

🔗上链接:https://v0.dev/

这个平台的用法好简单的,就像你跟 ChatGPT 聊天一样简单。

比如,让它帮你做一个贪食蛇小游戏,只是一句话,什么需求都不说。

在这里插入图片描述

如果你觉得生成的页面满意的话,可以将页面分享给朋友。

在这里插入图片描述

【打开玩玩:https://b_NLpsfmQquFN.v0.build/】

如果你不满意它生成的代码,可以让他重新生成,也可以让他在上一版的基础上微调。

在这里插入图片描述

按照同样的方法,可以将修改好的代码分享给朋友。

【修改后的:https://b_LnhQTLb5XkW.v0.build/】

在右侧预览模块,点击“Preview”旁边的标签可以查看代码。

在这里插入图片描述

如果你想致敬友商,可以将友商的界面截图传给 v0.dev,让它根据这个界面生成对应的代码。

比如我要抄小红薯这个页面。

在这里插入图片描述

将截图发过去。

在这里插入图片描述

它会尝试理解图片内容,然后生成相似的页面布局给回你。如果效果不满意可以和他多对话几次,让它微调。


最后聊一聊我的想法。

低代码和零代码这类高度集成的工具,目的是降低开发门槛,但封装程度越高通常就越不灵活。

上一代低代码工具给出一堆写好的组件,将各种组件拖拽到画布中组装好一个页面。

现在有AI的加持,我们可以通过对话、画草图的方式让它帮忙生成页面。

不过从现阶段来看,这类工具还是不能代替前端程序猿。

  • 我们通常收到的需求是复杂的,甚至是不合理的。复杂的业务逻辑需要开发人员根据需求设计出最佳的解决方案。
  • 独特的交互设计、动画、性能优化需求,这些不是一个通用的工具可以完全满足的。
  • AI 工具可以生成代码模板或简单的组件,但它们通常难以应对复杂的应用架构、模块化系统、状态管理。
  • 前端轮子多,迭代频繁,人需要学,AI同样需要学。AI同样有滞后性。

综上所述,我认为前端暂时还不会挂,现阶段可能是前端程序猿最幸福的时候了~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值