Element Plus 和 Ant Design Vue哪個好

Vue3發佈後，各家第三方庫開始陸續重構並支持 Vue3 ，國內兩大知名框架 Element Plus 和 Ant Design Vue 也相續發佈新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基於 Vue.js 的 UI 組件庫，它們具備一系列可復用的組件和豐富的功能，並且是當前國內主流的兩個 UI 組件庫。

（1）Element Plus 是餓了麽前端團隊推出的開源項目，是對 Element UI 的升級版。它採用了 TypeScript 編寫，提供了一套易於使用、響應式的組件，支持自定義主題、國際化等特性。Element Plus 的設計風格簡潔明快，適用於企業級應用界面的構建。

（2）Ant Design Vue 是 Ant Design 的 Vue 版本，由阿裡巴巴前端團隊開發和維護。它是一個成熟的 UI 組件庫，以設計原則、可訪問性和用戶體驗為核心，在提供美觀、高效、易用的組件和佈局的同時，也包含了豐富的樣式和配套工具，幫助開發人員快速構建精美的界面。

Vue3前端框架到底應該怎麼選擇呢？本文從多個緯度對element-plus和ant-design-vue兩個框架進行對比和測評。

1、協作開髮指數

開源項目作為人類群體智能的典型表現，是否能夠建立協作式的開發管理，是促成項目成功的關鍵要素。而代碼，作為一個軟體項目的最終輸出件，是整個社區的核心內容。

2、代碼參與者數量

在過去 90 天內有多少活躍的代碼提交者、代碼審核者和 PR 提交者。

3、代碼提交頻率

過去90天內平均每周代碼提交次數。

4、代碼提交關聯 PR 的比率

在過去90天內提交的代碼鏈接PR的百分比。

5、社區服務與支撐

該模型用於評估開發者在貢獻過程中，直接感知到的社區提供的服務和支撐做得如何。之所以強調直接感知，是因為社區提供的許多底層服務，例如開發涉及的Devops基礎設施同樣是構建社區服務的關鍵元素。

6、更新 Issue 數量

過去90天 Issue 更新的數量。

7、關閉 PR 數量

過去 90 天內合併和拒絕的 PR 數量。

8、社區活躍度

活躍度用來描述一個開源社區或者項目的活躍程度。為了使一個開源項目持續發展，必須在首次發佈後進行持續的維護和改進。活躍度展示了一個項目隨著時間的推移持續展開的工作有多少。

9、組織活躍度

該模型用於評估社區中組織（商業公司、高校等）的活躍程度。對於一個開源項目，尤其是對於平臺型軟體項目，越多的組織參與到社區貢獻，表明社區的生態構建是朝向繁榮方向發展的。

10、總結

Element Plus和Ant Design Vue兩者都是優秀的前端 UI 框架。我們通過對這兩個開源項目的生產力、穩健性和創新力進行了評估（以上數據來源於https://oss-compass.org/compare/s5jyxysy..sa7fu6v6?range=6M#topic_overview），相關指數顯示 Element Plus 在各個方面均領先於 Ant Design Vue。

Vue3開發功能線上體驗：http://www.softaicloud.com