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能夠度過難關，繼續蓬勃發展！