今天給大家分享一款功能超強大的Vue實現(xiàn)github可視化數(shù)據(jù)系統(tǒng)GitDataV。
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ù)開源項目,有需要的同學(xué)不可錯過喲!
最后附上示例及項目地址鏈接。
# 示例地址
https://hongqingcao.github.io/GitDataV/
# 倉庫地址
https://github.com/HongqingCao/GitDataV
有興趣的小伙伴可以自己按照以上步驟去研究一番。
每天進步一點點,源碼碼網(wǎng)專注各種it開源技術(shù)分享!