投稿

GitDataV：Vue Github可视化分析系统

Vedu • • 资源分享 • 阅读 1277

今天给大家分享一款功能超强大的Vue实现github可视化数据系统GitDataV。

超棒 Vue Github可视化分析系统GitDataV

GitDataV 基于vue.js构建的github可视化数据开源平台，star高达1.2K 。让你更加直观的查看git展示数据。

超棒 Vue Github可视化分析系统GitDataV

可查看的github数据

  • 个人信息
  • 仓库stars情况
  • 仓库语言分类
  • 仓库公开数量
  • 粉丝数量、跟随数量
  • 仓库数据
  • 最近操作记录、最近的粉丝、最近的跟随
超棒 Vue Github可视化分析系统GitDataV

快速安装

# 克隆项目
git clone https://github.com/HongqingCao/GitDataV.git
# 进入目录
cd GitDataV
# 安装依赖
npm install
# 本地调试
npm run div
# 构建打包
npm run build

项目目录结构

超棒 Vue Github可视化分析系统GitDataV

当用户输入github账号，就可以获取github里相关数据。

做个简单测试，拿Vue.js作者 尤雨溪 账号去请求/users接口。会得到如下详细数据信息。

https://api.github.com/users/yyx990803
超棒 Vue Github可视化分析系统GitDataV
  • github开发者API
https://docs.github.com/cn
超棒 Vue Github可视化分析系统GitDataV

另外项目中使用的图表，是基于 Vue2.0 和 echarts 封装的 v-charts 图表组件。

超棒 Vue Github可视化分析系统GitDataV
https://v-charts.js.org/

超不错的一个github可视化数据开源项目，有需要的同学不可错过哟！

最后附上示例及项目地址链接。

# 示例地址
https://hongqingcao.github.io/GitDataV/
# 仓库地址
https://github.com/HongqingCao/GitDataV

ok，就分享到这里。如果小伙伴们感兴趣或者想提升下技术，可以去看下哈~

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/11926.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-09-28 10:19
下一篇 2020-09-28 10:22

相关推荐

发表评论

登录后才能评论