今天給大家分享一款功能超強大的Vue實現(xiàn)github可視化數(shù)據(jù)系統(tǒng)GitDataV。

創(chuàng)新互聯(lián)主營姚安網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,App定制開發(fā),姚安h5成都小程序開發(fā)搭建,姚安網(wǎng)站營銷推廣歡迎姚安等地區(qū)企業(yè)咨詢

GitDataV 基于vue.js構(gòu)建的github可視化數(shù)據(jù)開源平臺，star高達1.2K+。讓你更加直觀的查看git展示數(shù)據(jù)。

可查看的github數(shù)據(jù)

• 個人信息
• 倉庫stars情況
• 倉庫語言分類
• 倉庫公開數(shù)量
• 粉絲數(shù)量、跟隨數(shù)量
• 倉庫數(shù)據(jù)
• 最近操作記錄、最近的粉絲、最近的跟隨

快速安裝

 
 
 

  
  
  
# 克隆項目 
  
  
  
git clone https://github.com/HongqingCao/GitDataV.git 
  
  
  
# 進入目錄 
  
  
  
cd GitDataV 
  
  
  
# 安裝依賴 
  
  
  
npm install 
  
  
  
# 本地調(diào)試 
  
  
  
npm run div 
  
  
  
# 構(gòu)建打包 
  
  
  
npm run build 
 
 
 

項目目錄結(jié)構(gòu)

當用戶輸入github賬號，就可以獲取github里相關(guān)數(shù)據(jù)。

做個簡單測試，拿Vue.js作者 尤雨溪 賬號去請求/users接口。會得到如下詳細數(shù)據(jù)信息。

 
 
 

  
  
  
https://api.github.com/users/yyx990803 
 
 
 

• github開發(fā)者API

 
 
 

  
  
  
https://docs.github.com/cn 
 
 
 

另外項目中使用的圖表，是基于 Vue2.0 和 echarts 封裝的 v-charts 圖表組件。

 

 
 
 

  
  
  
https://v-charts.js.org/ 
 
 
 

超不錯的一個github可視化數(shù)據(jù)開源項目，有需要的同學不可錯過喲！

最后附上示例及項目地址鏈接。

 
 
 

  
  
  
# 示例地址 
  
  
  
https://hongqingcao.github.io/GitDataV/ 
  
  
  
# 倉庫地址 
  
  
  
https://github.com/HongqingCao/GitDataV 
 
 
 

ok，就分享到這里。如果小伙伴們感興趣或者想提升下技術(shù)，可以去看下哈~

分享題目：超棒VueGithub可視化分析系統(tǒng)GitDataV
瀏覽地址：http://uogjgqi.cn/article/cdspsdg.html