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

GitDataV 基于vue.js構建的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 
# 構建打包 
npm run build 

項目目錄結構

當用戶輸入github賬號，就可以獲取github里相關數(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，就分享到這里。如果小伙伴們感興趣或者想提升下技術，可以去看下哈~