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

点赞 + 关注 + 收藏 = 学会了

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

🔗上链接：v0.dev/

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

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

01.png

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

02.png

【打开玩玩：b_NLpsfmQquFN.v0.build/】

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

03.png

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

【修改后的：b_LnhQTLb5XkW.v0.build/】

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

04.png

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

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

05.png

将截图发过去。

06.png

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

最后聊一聊我的想法。

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

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

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

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

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

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

IMG_4254.GIF

点赞 + 关注 + 收藏 = 学会了