Element Plus - 餓了麼團隊基於 Vue 3.0 更新發布的優秀開源桌面 UI 組件庫

這是Element UI 的升級版本，體驗一樣優秀，api更加友好，文檔一樣詳盡，很香。

關於 Element Plus

在本站建站之初就強烈發文推薦過 Element – 餓了麼團隊出品的神級桌面 UI 組件庫，它誕生於 2016 年，起初是餓了麼內部的業務組件庫，主要用於快速開發中後臺管理產品。在開源後深受廣大前端開發者的喜好， 4 年多的時間，Element 在 GitHub 上已經得到 48.3k 的 star，11.9k 的 fork，NPM 下載量高達 95 萬次/月。已經成爲 Vue 生態中最流行的 UI 組件庫之一。

Element Plus 是基於最新的 Vue 3.0 對 Element UI 的升級適配，使用 TypeScript + Composition API 重構的全新項目。官方宣稱用最適合 Vue 3.0 的方式幾乎重寫了每一行 Element UI 的代碼。

Element Plus 相對於 Element UI 提高

• 使用 TypeScript 開發，提供完整的類型定義文件
• 使用 Vue 3.0 Composition API 下降耦合，簡化邏輯
• 使用 Vue 3.0 Teleport 新特性重構掛載類組件
• 使用 Lerna 維護和管理項目
• 使用更輕量更通用的時間日期解決方案 Day.js
• 升級適配 popperjs, async-validator 等核心依賴
• 完善 52 種國際化語言支持
• 全新的視覺（即將推出）
• 優化的組件 API
• 更多自定義選項
• 更加詳盡友好的文檔

開發上手體驗

這是目前 Vue 生態圈最火的桌面 UI 組件庫，在前些年的使用率一直碾壓其餘主流框架，使用 Vue 的開發者幾乎沒有不知道的。在 Vue 剛出來不久前，Vue 的做者尤雨溪也很大推薦了這套 UI 框架，可見其質量之高。設計方面，Element 的視覺設計很符合國人的觀賞體驗，而現在 Element Plus 的發佈，對於開發者來講是天大的喜訊，不用學習其餘 UI 框架增長開發成本了，若是以前有使用過舊版的 Element ，幾乎不須要學習，使用起來仍是熟悉的 Element 的配方和那個味道。

Element Plus 目前版本的設計沒有從新設計，全新視覺版本正在開發中，相信在將來不久的版本更新中會發布，此次也一樣提供了 Sketch 和 Axure 等 UI 設計和原型工具的支持，對設計人員，產品經理快速構建產品極其友好，而國內的一些優秀原型設計工具好比墨刀，Mockplus 等也都同步搭載了 Element 的設計組件，這些都進一步下降了 Element 的開發封裝成本，讓使用者更快更容易藉助 Element 優秀的設計和體驗，構建出優秀的中後臺產品。

目前 Vue 3.0 正式版剛剛出爐，就有 Element Plus 這麼重磅的 UI 組件庫能夠用，能夠說沒有拒絕的理由。

免費開源說明

和舊版同樣，Element Plus 基於 MIT 開源協議在 Github 上開源，任何人均可以避免費下載用於我的項目或者商業項目。

原文連接：https://www.thosefree.com/element-plus