建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
今天給大家分享一款功能超強(qiáng)大的Vue實(shí)現(xiàn)github可視化數(shù)據(jù)系統(tǒng)GitDataV。
創(chuàng)新互聯(lián)主營(yíng)姚安網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,App定制開(kāi)發(fā),姚安h5成都小程序開(kāi)發(fā)搭建,姚安網(wǎng)站營(yíng)銷(xiāo)推廣歡迎姚安等地區(qū)企業(yè)咨詢(xún)
GitDataV 基于vue.js構(gòu)建的github可視化數(shù)據(jù)開(kāi)源平臺(tái)，star高達(dá)1.2K+。讓你更加直觀的查看git展示數(shù)據(jù)。
可查看的github數(shù)據(jù)
- 個(gè)人信息
- 倉(cāng)庫(kù)stars情況
- 倉(cāng)庫(kù)語(yǔ)言分類(lèi)
- 倉(cāng)庫(kù)公開(kāi)數(shù)量
- 粉絲數(shù)量、跟隨數(shù)量
- 倉(cāng)庫(kù)數(shù)據(jù)
- 最近操作記錄、最近的粉絲、最近的跟隨
快速安裝
- # 克隆項(xiàng)目
- git clone https://github.com/HongqingCao/GitDataV.git
- # 進(jìn)入目錄
- cd GitDataV
- # 安裝依賴(lài)
- npm install
- # 本地調(diào)試
- npm run div
- # 構(gòu)建打包
- npm run build
項(xiàng)目目錄結(jié)構(gòu)
當(dāng)用戶(hù)輸入github賬號(hào)，就可以獲取github里相關(guān)數(shù)據(jù)。
做個(gè)簡(jiǎn)單測(cè)試，拿Vue.js作者 尤雨溪 賬號(hào)去請(qǐng)求/users接口。會(huì)得到如下詳細(xì)數(shù)據(jù)信息。
- https://api.github.com/users/yyx990803
- github開(kāi)發(fā)者API
- https://docs.github.com/cn
另外項(xiàng)目中使用的圖表，是基于 Vue2.0 和 echarts 封裝的 v-charts 圖表組件。
- https://v-charts.js.org/
超不錯(cuò)的一個(gè)github可視化數(shù)據(jù)開(kāi)源項(xiàng)目，有需要的同學(xué)不可錯(cuò)過(guò)喲！
最后附上示例及項(xiàng)目地址鏈接。
- # 示例地址
- https://hongqingcao.github.io/GitDataV/
- # 倉(cāng)庫(kù)地址
- https://github.com/HongqingCao/GitDataV
ok，就分享到這里。如果小伙伴們感興趣或者想提升下技術(shù)，可以去看下哈~
分享題目：超棒VueGithub可視化分析系統(tǒng)GitDataV
文章源于：http://www.5511xx.com/article/cdspsdg.html
