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


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 目前版本的設計沒有重新設計,全新視覺版本正在開發中,相信在未來不久的版本更新中會發布,這次也同樣提供了 SketchAxure 等 UI 設計和原型工具的支持,對設計人員,產品經理快速構建產品極其友好,而國內的一些優秀原型設計工具比如墨刀,Mockplus 等也都同步搭載了 Element 的設計組件,這些都進一步降低了 Element 的開發封裝成本,讓使用者更快更容易借助 Element 優秀的設計和體驗,構建出優秀的中后台產品。

目前 Vue 3.0 正式版剛剛出爐,就有 Element Plus 這么重磅的 UI 組件庫可以用,可以說沒有拒絕的理由。

免費開源說明

和舊版一樣,Element Plus 基於 MIT 開源協議在 Github 上開源,任何人都可以免費下載用於個人項目或者商業項目。

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM