Vuetify - 廣受歡迎的 Material Design 風格的開源 UI 架構

全世界範圍内廣受歡迎的 Vue UI 架構，一個非常精緻的 Material Design UI 套件。

Material Design 風格 UI 架構

Vuetify 是一個基于 Vue.js 精心打造 UI 元件庫，整套 UI 設計為 Material 風格。能夠讓沒有任何設計技能的開發者創造出時尚的 Material 風格界面。

Material Design 是 Google 推出的設計語言，顔色鮮豔、動畫效果突出，旨在為手機、平闆電腦、桌上型電腦和“其他平台”提供更一緻、更廣泛的“外觀和感覺”。

Material Design 好看是好看，但由于 UI 和動效細節非常多，純手寫這種風格的輪子非常費勁，而 Vuetify 就是一個能幫助開發者快速建構基于 Material Design 風格應用的優秀架構。

值得嘗試/選擇的理由

• 所有元件遵從 Material Design 設計規範，UI 體驗非常優秀，能夠媲美蘋果但又完全不同的設計
• 采用移動優先的設計，無論在手機、平闆或 PC 電腦上都有完美的适配
• 極其豐富詳細的上手文檔和免費的視訊教程，社群活躍，全職團隊維護，長期提供支援，每周發版
• 在 Github 上有高達 28.3k 的Star，并且得到了 Vue.js 作者尤雨溪大神的推薦
• 支援主題定制，提供無障礙（面向缺陷人群的通路）支援。支援樹搖優化，能大大減少打包體積
• 作為一個開源項目，大牌贊助商很多很堅挺，完全不用擔心會黃

Vuetify 使用體驗如何？

Material Design 釋出至今，因為其優秀獨特的操作體驗，被廣泛應用在各類應用程式的界面建構上。Vuetify 作為一個在全球範圍内非常受歡迎的開源項目，使得熟悉 Vue.js 開發的工程師能夠快速做出同樣優秀的應用。

這個 UI 架構的品質不用過多吹捧，無論是移動端還是 PC 端還是自适應的産品需求，都是勝任。如果接到的産品需求在設計上希望能和國内大部分諸如 element ui 、ant design 之類的中性架構有差別，或者使用者面向國外，我強烈推薦選擇 Vuetify 。

Vuetify 出自國外團隊之手，官網提供中文文檔，翻譯略有些生硬但也不影響了解，需要注意的，無論是設計完善的元件，還是代碼示例，都非常豐富而詳細。遇到問題，認真閱讀文檔幾乎都可以解決。

對于像Material Design 這類的複雜動效和細節的 UI 庫來說，打包體積是個問題。值得一提的是 Vuetify 支援 樹搖優化，這是一種比手動按需加載更好的自動優化打包體積的設計，就像樹幹随風搖動，把枯萎多餘的枝葉搖掉一樣，不需要開發者做任何設定，誰用誰爽。

免費開源使用說明

Vuetify 基于 MIT 協定授權并且開源，任何個人和商業機構都可以免費使用。Vuetify 由 John 和 Heather Leider 擁有和營運，他們是一家全職開源企業，核心開發團隊有10多個成員，是開放源碼開發人員，幫助引導Vuetify及其生态系統的方向。

原文連結：https://www.thosefree.com/vuetify