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

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ǔ)言分類
• 倉(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 
# 安裝依賴 
npm install 
# 本地調(diào)試 
npm run div 
# 構(gòu)建打包 
npm run build 

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

當(dāng)用戶輸入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ù)，可以去看下哈~