截至目前Vue在GitHub上的Star數(shù)已經(jīng)高達(dá)152601，還有絕大數(shù)像筆者一樣不經(jīng)常star別人的Vue友們(可恨可氣)。Vue因其友好程度讓更多前端愛好者加入到其中，開源項目對程序員來說是很有用的。你可以通過讀代碼并且在現(xiàn)有項目的基礎(chǔ)上構(gòu)建一些東西來學(xué)習(xí)，因為如果想提高你的 Vue 開發(fā)技術(shù)，那么花些時間來了解開源項目是很值得的。

今天推薦10個Vue開源項目，雖然不是最流行的開源項目，star數(shù)有的甚至只有兩位數(shù)，但是實用性還是相對較強(qiáng)的。

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 Stars：★4523

Handsontable

Handsontable是用于Web應(yīng)用程序的JavaScript數(shù)據(jù)網(wǎng)格組件。支持所有的標(biāo)準(zhǔn)操作，增刪改查以及過濾排序，可以按需定制?？捎糜诩僇avaScript、React、Vue和Angular。

網(wǎng)站: https://handsontable.com

GitHub: https://github.com/handsontable/handsontable

GitHub Stars: ★12857

SheetJS

SheetJS是一個幫助操作excel文件中存儲的數(shù)據(jù)的JS庫，支持每種Excel文件格式，強(qiáng)大的功能還有良好的兼容性?？梢栽诩僿eb端導(dǎo)出excel或者其他任何的HTML表格，不涉及服務(wù)端腳本。全權(quán)由前端控制，導(dǎo)數(shù)據(jù)再也不用看后端哥哥臉色了。

網(wǎng)站: https://sheetjs.com/

演示: https://sheetjs.com/demos

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也很好用...(無可否認(rèn))

網(wǎng)站: https://www.faviator.xyz

演示: https://www.faviator.xyz/playground

GitHub: https://github.com/faviator/faviator

GitHub Stars: ★90