Vue友最愛的10個開箱即用的開源項目

截至目前Vue在GitHub上的Star數已經高達152601，還有絕大數像筆者同樣不常常star別人的Vue友們(可恨可氣)。 Vue因其友好程度讓更多前端愛好者加入到其中，開源項目對程序員來講是頗有用的。你能夠經過讀代碼而且在現有項目的基礎上構建一些東西來學習，由於若是想提升你的 Vue 開發技術，那麼花些時間來了解開源項目是很值得的。今天推薦10個Vue開源項目，雖然不是最流行的開源項目，star數有的甚至只有兩位數，可是實用性仍是相對較強的。

Prettier

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

網站：prettier.io

演示：prettier.io/playground/

GitHub：github.com/prettier/pr…

GitHub Stars: ★34500

Vuetify

Vuetify是一個Vue UI庫，其中包含精美的手工製做的Material Components.符合Google Material Design準則,結合了Vue.js和Material的全部優勢，而且與RTL和Vue cli3兼容,能夠經過使用他構建更有交互式且有吸引力的項目。

網站: vuetifyjs.com/en/

GitHub: github.com/vuetifyjs/v…

GitHub Stars: ★22600

iView

iView是一套基於Vue.js的高質量UI組件庫，可靠文檔是其一大優點，用來快速構建web項目，相對友好的API更好的服務於Vue友們，目前已更新到4.0版本

網站: iviewui.com/

GitHub: github.com/iview/iview

GitHub Stars: ★22777

CSSFX

這是一個極具匠心的設計，每個效果都具有流動性、簡單性和易用性。讓廣大Vue友快速使用相關button動效，讓web呈現更加豐富。便可應對業務需求，也可自我提高實現。 網站: cssfx.dev GitHub: github.com/jolaleye/cs… GitHub Stars: ★5224

uiGradients

這是一個CSS實現的線性漸變的效果集合，預覽的每個效果均可以複製源碼開箱即用。 網址：uigradients.com/

GitHub的：https：//github.com/ghosh/uiGradients

GitHub星：★4523

Handsontable

Handsontable是用於Web應用程序的JavaScript數據網格組件。支持全部的標準操做，增刪改查以及過濾排序，能夠按需定製。可用於純JavaScript、React、Vue和Angular。 網站: handsontable.com

GitHub: github.com/handsontabl…

GitHub Stars: ★12857

SheetJS

SheetJS是一個幫助操做excel文件中存儲的數據的JS庫，支持每種Excel文件格式，強大的功能還有良好的兼容性。能夠在純web端導出excel或者其餘任何的HTML表格，不涉及服務端腳本。全權由前端控制，導數據不再用看後端哥哥臉色了。

網站: sheetjs.com/

演示: sheetjs.com/demos

GitHub: github.com/SheetJS/js-…

GitHub Stars: ★18691

Vue Material

Vue的經常使用Vue UI庫之一，簡單，輕巧，徹底按照Google Material Design規範構建。包含動態主題，按需組件以及全部易於使用的API。

網站: vuematerial.io

GitHub: github.com/vuematerial…

GitHub Stars: ★8376

vueOrgChart

純前端無需安裝任何web服務器或數據庫，圖標可直接在excel或者HTML中編輯，經過學習如何自定義構建設置後，能夠本身DIY圖表

演示: hoogkamer.github.io/vue-org-cha…

GitHub: github.com/Hoogkamer/v…

GitHub Stars: ★78

Faviator

這是一個簡易的圖標生成器，經過自定義配置參數，選擇圖標格式後，生成對應的JPG、PNG、SVG格式。也可用Google Fonts中選擇字體圖標，對於小型公司無UI設計狀況下，是能夠快速解決圖標問題的，固然阿里Iconfont也很好用...(無能否認)

網站: www.faviator.xyz

演示: www.faviator.xyz/playground

GitHub: github.com/faviator/fa…

GitHub Stars: ★90

若是你以爲這篇內容對你挺有啓發，而且還想查看更多前端乾貨，能夠掃碼關注咱們的微信公衆號【前端公蝦米】