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

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

Prettier

這是一個(gè)代碼格式器，支持多種語(yǔ)言，與大多數(shù)的編輯器(Atom，Emacs，Visual Studio，Web Storm等)集成，實(shí)時(shí)更新，可與如JavaScript，CSS，HTML，GraphQL等）一起使用，節(jié)省大量花在代碼格式化的時(shí)間和精力，現(xiàn)已支持.vue文件

網(wǎng)站：https://prettier.io

演示：https://prettier.io/playground/

GitHub：https://github.com/prettier/prettier

GitHub Stars: ★34500

Vuetify

Vuetify是一個(gè)Vue UI庫(kù)，其中包含精美的手工制作的Material Components.符合Google Material Design準(zhǔn)則,結(jié)合了Vue.js和Material的所有優(yōu)點(diǎn)，并且與RTL和Vue cli3兼容,可以通過(guò)使用他構(gòu)建更有交互式且有吸引力的項(xiàng)目。

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

GitHub: https://github.com/vuetifyjs/vuetify

GitHub Stars: ★22600

iView

iView是一套基于Vue.js的高質(zhì)量UI組件庫(kù)，可靠文檔是其一大優(yōu)勢(shì)，用來(lái)快速構(gòu)建web項(xiàng)目，相對(duì)友好的API更好的服務(wù)于Vue友們，目前已更新到4.0版本

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

GitHub: https://github.com/iview/iview

GitHub Stars: ★22777

CSSFX

這是一個(gè)極具匠心的設(shè)計(jì)，每一個(gè)效果都具備流動(dòng)性、簡(jiǎn)單性和易用性。讓廣大Vue友快速使用相關(guān)button動(dòng)效，讓web呈現(xiàn)更加豐富。即可應(yīng)對(duì)業(yè)務(wù)需求，也可自我提升實(shí)現(xiàn)。

網(wǎng)站: https://cssfx.dev

GitHub: https://github.com/jolaleye/cssfx

GitHub Stars: ★5224

uiGradients

這是一個(gè)CSS實(shí)現(xiàn)的線性漸變的效果集合，預(yù)覽的每一個(gè)效果都可以復(fù)制源碼開(kāi)箱即用

網(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)操作，增刪改查以及過(guò)濾排序，可以按需定制?？捎糜诩僇avaScript、React、Vue和Angular。

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

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

GitHub Stars: ★12857

SheetJS

SheetJS是一個(gè)幫助操作excel文件中存儲(chǔ)的數(shù)據(jù)的JS庫(kù)，支持每種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庫(kù)之一，簡(jiǎn)單，輕巧，完全按照Google Material Design規(guī)范構(gòu)建。包含動(dòng)態(tài)主題，按需組件以及所有易于使用的API。

網(wǎng)站: http://vuematerial.io

GitHub: https://github.com/vuematerial/vue-material

GitHub Stars: ★8376

vueOrgChart

純前端無(wú)需安裝任何web服務(wù)器或數(shù)據(jù)庫(kù)，圖標(biāo)可直接在excel或者HTML中編輯，通過(guò)學(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

這是一個(gè)簡(jiǎn)易的圖標(biāo)生成器，通過(guò)自定義配置參數(shù)，選擇圖標(biāo)格式后，生成對(duì)應(yīng)的JPG、PNG、SVG格式。也可用Google Fonts中選擇字體圖標(biāo)，對(duì)于小型公司無(wú)UI設(shè)計(jì)情況下，是可以快速解決圖標(biāo)問(wèn)題的，當(dāng)然阿里Iconfont也很好用...(無(wú)可否認(rèn))

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

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

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

GitHub Stars: ★90