Vue友最愛(ài)的10個(gè)開(kāi)箱即用的開(kāi)源項(xiàng)目

image

截至目前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

image
image

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

image

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

image
image

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

image

uiGradients

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

網(wǎng)址:https://uigradients.com/

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

GitHub星:★4523

image

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

image

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

image
image

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

image

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

image
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容