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文件
網站: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準則,結合了Vue.js和Material的所有優點,并且與RTL和Vue cli3兼容,可以通過使用他構建更有交互式且有吸引力的項目。
網站: https://vuetifyjs.com/en/
GitHub: https://github.com/vuetifyjs/vuetify
GitHub Stars: ★22600
iView
iView是一套基于Vue.js的高質量UI組件庫,可靠文檔是其一大優勢,用來快速構建web項目,相對友好的API更好的服務于Vue友們,目前已更新到4.0版本
網站: https://iviewui.com/
GitHub: https://github.com/iview/iview
GitHub Stars: ★22777
CSSFX
這是一個極具匠心的設計,每一個效果都具備流動性、簡單性和易用性。讓廣大Vue友快速使用相關button動效,讓web呈現更加豐富。即可應對業務需求,也可自我提升實現。
網站: https://cssfx.dev
GitHub: https://github.com/jolaleye/cssfx
GitHub Stars: ★5224
uiGradients
這是一個CSS實現的線性漸變的效果集合,預覽的每一個效果都可以復制源碼開箱即用
網址:https://uigradients.com/
GitHub:https://github.com/ghosh/uiGradients
GitHub Stars:★4523
Handsontable
Handsontable是用于Web應用程序的JavaScript數據網格組件。支持所有的標準操作,增刪改查以及過濾排序,可以按需定制。可用于純JavaScript、React、Vue和Angular。
網站: https://handsontable.com
GitHub: https://github.com/handsontable/handsontable
GitHub Stars: ★12857
SheetJS
SheetJS是一個幫助操作excel文件中存儲的數據的JS庫,支持每種Excel文件格式,強大的功能還有良好的兼容性。可以在純web端導出excel或者其他任何的HTML表格,不涉及服務端腳本。全權由前端控制,導數據再也不用看后端哥哥臉色了。
網站: 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規范構建。包含動態主題,按需組件以及所有易于使用的API。
網站: http://vuematerial.io
GitHub: https://github.com/vuematerial/vue-material
GitHub Stars: ★8376
vueOrgChart
純前端無需安裝任何web服務器或數據庫,圖標可直接在excel或者HTML中編輯,通過學習如何自定義構建設置后,可以自己DIY圖表
演示: https://hoogkamer.github.io/vue-org-chart
GitHub: https://github.com/Hoogkamer/vue-org-chart
GitHub Stars: ★78
Faviator
這是一個簡易的圖標生成器,通過自定義配置參數,選擇圖標格式后,生成對應的JPG、PNG、SVG格式。也可用Google Fonts中選擇字體圖標,對于小型公司無UI設計情況下,是可以快速解決圖標問題的,當然阿里Iconfont也很好用...(無可否認)
網站: https://www.faviator.xyz
演示: https://www.faviator.xyz/playground
GitHub: https://github.com/faviator/faviator
GitHub Stars: ★90