v0.dev 是由 Vercel 推出的一款基于人工智能的生成式用户界面系统。
简单来说,它可以根据你的需求生成前端代码和界面的实时预览,还能将生成好的页面分享出去。
本文可在公众号「德育处主任」免费阅读
🔗上链接:https://v0.dev/
这个平台的用法好简单的,就像你跟 ChatGPT 聊天一样简单。
比如,让它帮你做一个贪食蛇小游戏,只是一句话,什么需求都不说。
如果你觉得生成的页面满意的话,可以将页面分享给朋友。
【打开玩玩:https://b_NLpsfmQquFN.v0.build/】
如果你不满意它生成的代码,可以让他重新生成,也可以让他在上一版的基础上微调。
按照同样的方法,可以将修改好的代码分享给朋友。
【修改后的:https://b_LnhQTLb5XkW.v0.build/】
在右侧预览模块,点击“Preview”旁边的标签可以查看代码。
如果你想致敬友商,可以将友商的界面截图传给 v0.dev,让它根据这个界面生成对应的代码。
比如我要抄小红薯这个页面。
将截图发过去。
它会尝试理解图片内容,然后生成相似的页面布局给回你。如果效果不满意可以和他多对话几次,让它微调。
最后聊一聊我的想法。
低代码和零代码这类高度集成的工具,目的是降低开发门槛,但封装程度越高通常就越不灵活。
上一代低代码工具给出一堆写好的组件,将各种组件拖拽到画布中组装好一个页面。
现在有AI的加持,我们可以通过对话、画草图的方式让它帮忙生成页面。
不过从现阶段来看,这类工具还是不能代替前端程序猿。
- 我们通常收到的需求是复杂的,甚至是不合理的。复杂的业务逻辑需要开发人员根据需求设计出最佳的解决方案。
- 独特的交互设计、动画、性能优化需求,这些不是一个通用的工具可以完全满足的。
- AI 工具可以生成代码模板或简单的组件,但它们通常难以应对复杂的应用架构、模块化系统、状态管理。
- 前端轮子多,迭代频繁,人需要学,AI同样需要学。AI同样有滞后性。
综上所述,我认为前端暂时还不会挂,现阶段可能是前端程序猿最幸福的时候了~