- antd
- antdv
- element-plus
- iview
- extjs
但是element项目的界面和组件质量是最好的,但是色彩上过于娱乐话,不够亮眼。如果是偏娱乐方向客户方向的界面,element-plus是首选。
iview 我使用过,作者是全职在维护,但整体力量薄弱。界面方面缺少一点美感,不像是美工整体设计出来的,而是程序员自己copy后优化过来的,但比较实用。组件的功能非常全,这个是其优点,但使用过程中遇到一些bug,一个特别复杂的界面中部分组件内存泄漏。只让我不敢再过多花费时间来使用它。在沙土上打地基是非常愚蠢的。
antd vs antdv
pk | antd | antdv |
---|---|---|
功能 | ✅ ✅ ✅ | ✅ ✅ |
质量&持续开发 | ✅ ✅ | ✅ |
工作流 | ✅ ✅ | ✅ ✅ ✅ |
生态 | ✅ ✅ ✅ | ✅ ✅ |
人气 | ✅ ✅ ✅ | ✅ ✅ ✅ |
antdv的完善性上还是稍弱一些。
vue的工作流远远好于react,这让antdv更有了竞争力。
react的生态更强,这让antd又赢了一局。
首先吐槽一下阿里的开源,免费的才是最贵的。阿里的开源项目侵入性很强,你不得不全家桶都要用,加入自己的想法很难。项目概念很大,我必须承认阿里的大神很多,但是nb吹出去了,该实现的时候才发现时间真的不够,导致文档不全,代码过于繁杂。总之,kpi的因素太多。
阿里的开源项目star必须砍去一半再考虑,你会看到一堆文章介绍自己的项目,上天入地,国内国外,但是你是否和她的需求一样呢?你的项目有那么大规模吗?需要把代码搞的那么复杂吗?
如果你的团队真的够强,可以借助他们的项目二次开发,移花接木节省自己的时间。小团队,需求都不匹配,怎么上?
选择antd就是选择umi.js的工具流
选择antdv就是选择vite。
我在尝试vite+antd这种偏门方案,看是否过于小众。
extjs的优点很多,容易上手,文档丰富(英文),代码质量好,界面整体来说还算可以,缺点也明显,生态太小,必须付费,界面只能说可以。如果公司已经付费购买,还算可以,否则不建议入坑。
结论
antd和antdv都不错,只看你对vue和react的偏好了。
我选择vite+react+react-router+mobx-react。
mobx-react就是vue的一个react兼容版本,直接创建一个observe对象,啥都好说了。
umi.js或许很好,但是我用不上,而且我也不想把脑子浪费在兼容你们的规范上了。
后续
最近一个新项目,因为时间紧张,使用了ts+vite+antdv做了一个后台,整体效果还是满意的。总结下来vue路径上最好的方案就是antdv和elementPlus。作为ui端,它俩都差不多,能用,但是具体的一些细节你得自己去翻文档,出现小bug需要自己修复,已经很好了,毕竟是开源免费项目,离exjts和kendo-ui还是有差距,但是免费,生态大。
因为这次深度使用了antdv,所以对element和antdv有了深入地了解,个人认为各有特色,选哪个都行。毕竟都需要自己魔改。antdv最大的亮点是全部使用tsx,这对自动提示和阅读都很友好,而element则优先使用模版+setup语法 +ts,当然也不错,但是没法和tsx比。缺点是ui设计上间距过大,有些地方对后端这种大量数据展示的项目并不友好,而elementPlus则更好。特别是table组件的设计,在宽高上设计有点奇怪,最后是开发了一个hook解决了滚轴问题。
综上,antdv和elementPlus都是很好的选择。ts也是推荐使用的,但是一些降级配置让使用成本降低,特别是我这种小团队,成本太高就不灵活了。
网友评论