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