京東 Vue3 組件庫閃亮登場

京東零售開源項目 NutUI 是一套京東風格的輕量級移動端 Vue 組件庫，是開發和服務於移動 Web 界面的企業級產品。通過長時間的開發與打磨，NutUI 3.0 終於要和你們見面了！3.0 版本在技術和視覺方面都作出了較大改進，讓組件看起來更絢麗，用起來更舒服。

源碼搶先看：https://github.com/jdf2e/nutui

技術看點：

1. 擁抱 Vue3

• 引入 Vue3 新特性 Composition API、Teleport、Emits 等
• 破壞性變動，全面升級
• 採用組合式 API Composition 語法重構，結構清晰，功能模塊化
• 組件 emits 事件單獨提取，加強代碼可讀性
• 使用 Teleport 新特性重構掛載類組件

2. 構建工具升級爲 Vite2.x

棄用 webpack，引入下一代前端構建工具 Vite。啓動速度由原來 30s 提高到 500ms 左右，將大幅提高開發效率。

3. 全面使用 TypeScipt

NutUI 3.0 使用 TypeScript 做爲主要開發語言，在前端應用複雜度不斷飆升的大背景下，應對組件不易維護且難於擴展的問題。

視覺體驗全面升級

NutUI 3.0 根據最新發布的 JD App9.0 規範，結合零售衆多的應用場景，對 NutUI 組件進行從新整理和設計

• 減小冗餘控件
• 幫助移動端設計師快速復⽤基礎組件
• 創建通⽤的細節設計標準
• 提升界⾯的模塊化通用程度
• 建⽴設計與開發對接的基礎標準
• 提⾼產研輸出對接的效率，下降輸出工做量
• 基於京東設計語言體系，構建場景
• 骨骼精細化重構主流程，構建「場景動線」，讓體驗更流暢

品質服務

長期以來，團隊的小夥伴都在全力以赴地維護着 NutUI 2.0。在 3.0 版本發佈後，咱們依然會積極地維護與迭代，爲有須要的同窗提供技術支持，也會不定時地發佈一些相關的文章幫助你們更好地理解與使用咱們的組件庫。

發佈時間：

NutUI 3.0 預計發佈的時間是 2021-03-31 。 敬請期待！

NutUI 2.0： nutui@jd.com

來點個 Star ❤️ 支持咱們一下吧 ~