截至目前Vue在GitHub上的Star數(shù)已經(jīng)高達152601醉蚁,還有絕大數(shù)像筆者一樣不經(jīng)常star別人的Vue友們(可恨可氣)。 Vue因其友好程度讓更多前端愛好者加入到其中九府,開源項目對程序員來說是很有用的其垄。你可以通過讀代碼并且在現(xiàn)有項目的基礎(chǔ)上構(gòu)建一些東西來學(xué)習(xí),因為如果想提高你的 Vue 開發(fā)技術(shù)经伙,那么花些時間來了解開源項目是很值得的。今天推薦10個Vue開源項目,雖然不是最流行的開源項目胳徽,star數(shù)有的甚至只有兩位數(shù),但是實用性還是相對較強的爽彤。
Prettier
這是一個代碼格式器养盗,支持多種語言,與大多數(shù)的編輯器(Atom适篙,Emacs往核,Visual Studio,Web Storm等)集成嚷节,實時更新聂儒,可與如JavaScript,CSS硫痰,HTML衩婚,GraphQL等)一起使用,節(jié)省大量花在代碼格式化的時間和精力效斑,現(xiàn)已支持.vue文件
網(wǎng)站:https://prettier.io
演示:https://prettier.io/playground/
GitHub:https://github.com/prettier/prettier
GitHub Stars: ★34500
Vuetify
Vuetify是一個Vue UI庫非春,其中包含精美的手工制作的Material Components.符合Google Material Design準(zhǔn)則,結(jié)合了Vue.js和Material的所有優(yōu)點,并且與RTL和Vue cli3兼容,可以通過使用他構(gòu)建更有交互式且有吸引力的項目缓屠。
網(wǎng)站: https://vuetifyjs.com/en/
GitHub: https://github.com/vuetifyjs/vuetify
GitHub Stars: ★22600
iView
iView是一套基于Vue.js的高質(zhì)量UI組件庫奇昙,可靠文檔是其一大優(yōu)勢,用來快速構(gòu)建web項目敌完,相對友好的API更好的服務(wù)于Vue友們储耐,目前已更新到4.0版本
網(wǎng)站: https://iviewui.com/
GitHub: https://github.com/iview/iview
GitHub Stars: ★22777
CSSFX
這是一個極具匠心的設(shè)計,每一個效果都具備流動性蠢挡、簡單性和易用性弧岳。讓廣大Vue友快速使用相關(guān)button動效凳忙,讓web呈現(xiàn)更加豐富。即可應(yīng)對業(yè)務(wù)需求禽炬,也可自我提升實現(xiàn)涧卵。
網(wǎng)站: https://cssfx.dev
GitHub: https://github.com/jolaleye/cssfx
GitHub Stars: ★5224
uiGradients
這是一個CSS實現(xiàn)的線性漸變的效果集合,預(yù)覽的每一個效果都可以復(fù)制源碼開箱即用腹尖。
網(wǎng)址:https://uigradients.com/
GitHub的:https://github.com/ghosh/uiGradients
GitHub星:★4523
Handsontable
Handsontable是用于Web應(yīng)用程序的JavaScript數(shù)據(jù)網(wǎng)格組件柳恐。支持所有的標(biāo)準(zhǔn)操作,增刪改查以及過濾排序热幔,可以按需定制乐设。可用于純JavaScript绎巨、React近尚、Vue和Angular。 網(wǎng)站: https://handsontable.com
GitHub: https://github.com/handsontable/handsontable
GitHub Stars: ★12857
SheetJS
SheetJS是一個幫助操作excel文件中存儲的數(shù)據(jù)的JS庫场勤,支持每種Excel文件格式戈锻,強大的功能還有良好的兼容性『拖保可以在純web端導(dǎo)出excel或者其他任何的HTML表格格遭,不涉及服務(wù)端腳本。全權(quán)由前端控制留瞳,導(dǎo)數(shù)據(jù)再也不用看后端哥哥臉色了拒迅。
網(wǎng)站: https://sheetjs.com/
GitHub: https://github.com/SheetJS/js-xlsx
GitHub Stars: ★18691
Vue Material
Vue的常用Vue UI庫之一,簡單她倘,輕巧璧微,完全按照Google Material Design規(guī)范構(gòu)建帝牡。包含動態(tài)主題往毡,按需組件以及所有易于使用的API。
網(wǎng)站: http://vuematerial.io
GitHub: https://github.com/vuematerial/vue-material
GitHub Stars: ★8376
vueOrgChart
純前端無需安裝任何web服務(wù)器或數(shù)據(jù)庫靶溜,圖標(biāo)可直接在excel或者HTML中編輯,通過學(xué)習(xí)如何自定義構(gòu)建設(shè)置后懒震,可以自己DIY圖表
演示: https://hoogkamer.github.io/vue-org-chart
GitHub: https://github.com/Hoogkamer/vue-org-chart
GitHub Stars: ★78
Faviator
這是一個簡易的圖標(biāo)生成器罩息,通過自定義配置參數(shù),選擇圖標(biāo)格式后个扰,生成對應(yīng)的JPG瓷炮、PNG、SVG格式递宅。也可用Google Fonts中選擇字體圖標(biāo)娘香,對于小型公司無UI設(shè)計情況下苍狰,是可以快速解決圖標(biāo)問題的,當(dāng)然阿里Iconfont也很好用...(無可否認)
網(wǎng)站: https://www.faviator.xyz
演示: https://www.faviator.xyz/playground
GitHub: https://github.com/faviator/faviator
GitHub Stars: ★90