Element-UI还香吗，是否真的已死？

时间 2020-11-25

标签前端 vue react git github npm element-ui antd app 框架栏目 React 繁體版

原文原文链接

前言

Element-Ul是国内饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，他们也推出了对应的手机端框架Mint UI （已经早早的中止维护了，若是感兴趣看看隔壁的Vant框架）vue

GitHub代码仓库地址：https://github.com/ElemeFE/element
官方框架学习帮助文档：http://element-cn.eleme.io/#/zh-CNreact

Element-UI到底有多火？

能够说这是目前Vue生态圈最火的桌面UI组件库，没有之一。基本你使用Vue没有不知道这个组件库的。
git

别跟我说Ant Design和iView什么的？前者是相对于React生态圈的，而Vue版本的Ant Design Vue一直都是唐金州我的在主要维护，加上一些社区的中国开发者在维护。你真的不敢保证这个也会是个为了KPI而开源的项目，并且也有网友反应Ant Design Vue代码仓库中有Element代码抄袭的影子，做者反应是为了保证接口跟Element的一致性，这是此地无银三百两，仍是实锤抄袭？而对于后者iView则直接把Element代码拿过来复制黏贴，莫名投来一个鄙视的表情包~~~
github

其实在Vue刚出来不久前，尤雨溪（Vuejs的建立者）也很大推荐了这套UI框架。Element的视觉设计更符合国人的观赏体验，不一样于一直不温不火的国外Material Design(vue生态中表明框架是：Vuetify，Quasar), 这个是谷歌一直推了好多年的UI设计标准，如今几乎全部的谷歌产品都迁移到Material Desgin的风格，包括官网。

以前我也陆陆续续使用Vuetify和Quasar Framework制做一些我的网站的页面，领导或产品经理对于移动端的部分没什么意见，主要是Android界面已经被谷歌设计的基于Material Design风格的了，因此你们也还算能接受。但在桌面端网页上使用Material Design 的风格，在视觉习惯上国内基本都不太能接受，这怕是国内广泛的状况。其实要说质量、更新频率和文档完整程度，上述的两个国外UI库都要略优于国内的库，但在国内普及不开来，也是无奈！npm

而对于Element的界面设计标准，他的细节设计则更能打动国人。看看这个全世界范围内几大Vue框架的对比，你就知道Element的普及率和使用率了：element-ui

element大约在去年年初开始下滑，在此以前的使用率一直碾压其余主流框架antd

再看看这star数，仍是蛮多的，毕竟很大一部分也是国人在使用app

其实判断一个框架的好坏主要看你配置的生态和开发团队实力。就像这两年嚷嚷着的华为的鸿蒙操做系统，没有对应的生态谈何去对抗安卓和苹果？而反观咱们的Element在国内使用的普及率，覆盖率，认知度是至关高的，生态已经基本全覆盖。例如不少在Element上进行二次开发的框架，好比最有名的一些Element上层生态产品：框架

Avuejs: https://avuejs.com/
Vue Admin Beautiful: https://github.com/chuzhixin/vue-admin-beautiful
PanJiaChen/vue-element-admin: https://github.com/PanJiaChen/vue-element-admin
Vue Form Generator: https://github.com/JakHuang/form-generator
RuoYi: https://gitee.com/sushengbuyu/RuoYi
JEECG开源社区/jeecg-boot: https://gitee.com/jeecg/jeecg-boot

还有其余更多实际的运做中的项目,这里就不一一赘述了。

另外Element 也提供了对**Sketch **和 **Axure **等原型工具的支持。对设计人员，产品经理快速设计网页很友好，像国内的优秀原型设计工具墨刀，Mockplus等也都同步封装了大量Element的界面组件。这些都进一步的下降了Element的开发封装成本。构建了Element强大的生态。

能够说这是国内目前惟一一个真正推向国际的Vue生态UI框架。就像国内科技公司一直在作种种尝试突破国外市场，尝试打破各类国外垄断，可是真正打入国外市场的科技公司这些年却也只有抖音（国外版TikTok)。

若是以此类比Vue的生态圈，那么Element无疑就是那个最耀眼的TikTok。固然国内也有其余一些框架在前赴后继的维护和更新，可最后也只在国内大放异彩，国外使用度仍屈指可数！

当前仓库状态

是的，Element确实有不少先发的优点，随着它的发展历程，也在逐步扩大相关的生态，版本更新迭代也是很频繁。但是大约从2019年9月份左右Element 的代码提交开始放缓，基本停滞了，最近的一次提交是在2020年5月份的更新，也就是更新了下版本号和微小改动。

这可真是快一年代码基本没有更新了

代码仓库提交量最多的两个大佬也已经按兵不动了。。。

听说两个大佬Leopoldthecoder和QingWei-Li已经跳槽到了石墨

忽然发现仓库之前的几个维护人员已经没有了

收购+离职风起云涌

你们都知道阿里已经收购了饿了么，难道真的是阿里收购饿了么，要干掉Element扶植本身的亲儿子Ant Design吗？饿了么被阿里收购后原团队已经被肢解？？？

要知道我也是一名忠实且重度使用Element的用户，看到最近一年Element的更新状态非常忧伤和焦虑哎！

网友也开始急了，这么大的项目

一颗受伤的当心脏啊

带着满脸的惊叹号，我开始搜寻Element目前到底什么状况了？为何好好的框架不维护了呢？

一开始有人反映这是个KPI项目，起初饿了么内部团队作的时候确实没有想到发展这么好。可是后来的发展势头确实已经超出了他们的预期。。。如今加上收购后并入阿里，天然一山不容二虎。。。

大部分ant-design-vue代码是直接从element改过去的

但后来有相关知情人透露并无所谓的并入，并且听说Ant Desgin其核心开发人员也就才五六我的，也不是全职在作。因此并不存在谁轻谁重问题。可是饿了么公司是否从新维护这个项目，那真的是决策的问题。

如今饿了么前端核心维护人员变更几乎是确定的，据据说几个大佬纷纷跳槽离开饿了么，有的到了字节跳动，有的到了石墨。。。但从commit历史来看也不是第一次这样了，至于后续动态真的不敢妄加猜想

这里还有一群Element的忠实粉丝在角落里瑟瑟发抖。。。

相对于隔壁Reat生态最强框架，element瑟瑟发抖

vue-element-admin做者表示很受伤

因此有人提议捐钱帮助Element发展，毕竟是个开源项目，没点钱怎么坚持下去？安排。。。

网友群献策支持element

惋惜Element如今状态真的让你心有余而力不足，连捐款的通道它都关闭了！

惋惜的是element已经关闭了全部的捐钱通道，心有余而力不足

峰回路转，就在我快要绝望的时候，又有一位前Element的维护大佬说到Element未来不会中止维护。

“还在维护，踩一下说“KPI 项目，积重难返”的童鞋，即便它是KPI项目，也远远远远超出了当时定立KPI的指望，况且不是 ”

大佬出来声明element接下来状态

即便是KPI项目，咱们也爱你

Element团队真的要上点心了，若是今年继续这样半死不活，只会失去更多的用户，让你们更寒心。难道国内的开源都是真的面向KPI开源吗？

趁着Element半死不活的, 对面的iView和Vuetify也已经开始蠢蠢欲动，一波波广告好不热闹。。。

iview也来打个广告吗

对面的vuetify也来凑热闹，无情嘲讽

何不换个框架？

说到这里，你可能会反问为何不换个框架呢，市场面毕竟还有那么多框架能够选择？干吗一棵树上吊死！

其实我也想换个框架，无奈可选的空间过小，就我的使用体验来讲，Element仍是感受最上手，是我最喜欢的UI框架。这可不是我一我的有这样的感受。。。。看看下面网友对Element的一众打CALL

这里主要针对的是Ant Design，毕竟在国内市场这两个是平级关系，仅做参考！

Ant Design Vue没有 element 舒服，element ui算是完全贯彻了vue的思想，优先用template，可是antd vue，iview之类的，不少地方都在用render函数，本质上就是想用jsx。自己vue易用就易用在这个template上，element ui确实提炼出一套基于template作到直观、易用的方法，所以吸引了很大一批人。可是讲到可定制化，就远不如jsx了。我的仍是比较喜欢template和代码分离，看起来清晰一点。

antd-vue总以为仍是react那味。搞得太复杂，致使使用上收起来不是很快，并且问题也很多。而element即便不维护也基本没有严重的bug存在。

Element接口封装的确实很干净

打动网友的Element框架

其实上面也提到了，Ant Design Vue的接口设计也在慢慢靠拢Element，借鉴它的设计，一来方便使用者能够快速上手Ant Design,另外也省的再造轮子。

互联网的技术老是在更新换代，咱们没法保证本身熟悉的一个框架技术能够永葆青春，谁都有谢幕的那一天！若是真到了Element要谢幕的那一天，咱们也只能无奈欢送！

接下来咱们怎么办？

说了这么多Element的前途叵测，Element项目将来也不明朗，那咱们这些伸手党能作些什么呢？我这里能够给你们一些建议。

Element至于凉不凉主要看Vue3出来后它的动做，目前的Element代码库支持Vue2.0绰绰有余，平时的开发工做彻底能够应付，代码致命性的错误基本为零。毕竟经历了多年的洗礼和打磨，已经很成熟了。何况虽然如今的Element中止了新功能的开发工做，可是修复补丁工做还在继续，天天仍然还有大量的开发者参与进来修复网友反馈的问题。可是修复的问题如今不会merge和发布到新版。WTF 你只能静待Element的回归了。。。

虽然代码中止更新，可是版本的修复工做仍是有在正常进行
若是咱们仍是离不开Element,仍是对它情怀满满，你不妨本身尝试着将代码fork一份，本身在代码基础上造轮子，修修补补，岂不乐哉！
其实上面也提到了Element生态很火，因此即便出现最糟的状况，咱们还有一堆的第三方依赖库和网友定制版能够替代，目前社区出现了好些我的修改版的Element，也有的在作vue3.0 的兼容，但我的感受不是很乐观，持续维护一个组件库的成本是很是高的，人力和精力的投入都无法计量。无论怎样，这也侧面说明你的选型是对的，选择Element是正确的。Element的生态如此强大，你也只须要作些前人栽树后人乘凉的事。

最后真心但愿接下来的日子里，咱们的Element能够度过难关，继续蓬勃发展！

爱你喔，Element

再爱！

三连击爱！

附录几个如今活跃维护定制版的Element-UI参考

网友版（这是针对vue3的版本）： https://github.com/a631807682/ele-next
算是官方版（听说这是饿了么内部发行版会支持vue3）：
- https://github.com/EOITek/element/commits/dev
- https://www.npmjs.com/package/element-ui-eoi?activeTab=versions
网友版think-vuele(主要作了加强和修复）： https://github.com/chfree/think-vuele