全世界范圍內(nèi)廣受歡迎的 Vue UI 框架，一個非常精致的 Material Design UI 套件。

Material Design 風(fēng)格 UI 框架

Vuetify 是一個基于 Vue.js 精心打造 UI 組件庫，整套 UI 設(shè)計為 Material 風(fēng)格。能夠讓沒有任何設(shè)計技能的開發(fā)者創(chuàng)造出時尚的 Material 風(fēng)格界面。

Material Design 是 Google 推出的設(shè)計語言，顏色鮮艷、動畫效果突出，旨在為手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。

vuetify-home-page

Material Design 好看是好看，但由于 UI 和動效細節(jié)非常多，純手寫這種風(fēng)格的輪子非常費勁，而 Vuetify 就是一個能幫助開發(fā)者快速構(gòu)建基于 Material Design 風(fēng)格應(yīng)用的優(yōu)秀框架。

vuetify 鮮艷的配色

Material Design 風(fēng)格組件

值得嘗試/選擇的理由

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

vuetify 贊助商列表

Vuetify 使用體驗如何？

Material Design 發(fā)布至今，因為其優(yōu)秀獨特的操作體驗，被廣泛應(yīng)用在各類應(yīng)用程序的界面構(gòu)建上。Vuetify 作為一個在全球范圍內(nèi)非常受歡迎的開源項目，使得熟悉 Vue.js 開發(fā)的工程師能夠快速做出同樣優(yōu)秀的應(yīng)用。

這個 UI 框架的質(zhì)量不用過多吹捧，無論是移動端還是 PC 端還是自適應(yīng)的產(chǎn)品需求，都是勝任。如果接到的產(chǎn)品需求在設(shè)計上希望能和國內(nèi)大部分諸如 element ui 、ant design 之類的中性框架有區(qū)別，或者用戶面向國外，我強烈推薦選擇 Vuetify 。

使用 vuetify 的admin案例

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

對于像Material Design 這類的復(fù)雜動效和細節(jié)的 UI 庫來說，打包體積是個問題。值得一提的是 Vuetify 支持 樹搖優(yōu)化，這是一種比手動按需加載更好的自動優(yōu)化打包體積的設(shè)計，就像樹干隨風(fēng)搖動，把枯萎多余的枝葉搖掉一樣，不需要開發(fā)者做任何設(shè)置，誰用誰爽。

免費開源使用說明

Vuetify 基于 MIT 協(xié)議授權(quán)并且開源，任何個人和商業(yè)機構(gòu)都可以免費使用。Vuetify 由 John 和 Heather Leider 擁有和運營，他們是一家全職開源企業(yè)，核心開發(fā)團隊有10多個成員，是開放源碼開發(fā)人員，幫助引導(dǎo)Vuetify及其生態(tài)系統(tǒng)的方向。

關(guān)注我，持續(xù)分享高質(zhì)量的免費開源、免費商用的資源。

↓↓點【了解更多】查看本次分享的相關(guān)網(wǎng)址。

總結(jié)

以上是生活随笔為你收集整理的semantic ui中文文档_Vuetify-广受欢迎的Material风格的开源UI框架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。