超棒VueGithub可视化分析系统GitDataV

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

创新互联主营姚安网站建设的网络公司,主营网站建设方案,App定制开发,姚安h5成都小程序开发搭建,姚安网站营销推广欢迎姚安等地区企业咨询

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

可查看的github数据

个人信息
仓库stars情况
仓库语言分类
仓库公开数量
粉丝数量、跟随数量
仓库数据
最近操作记录、最近的粉丝、最近的跟随

快速安装

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

项目目录结构

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

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

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

github开发者API

 
 
 
  
  
  https://docs.github.com/cn

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

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

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

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

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

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

分享文章：超棒VueGithub可视化分析系统GitDataV
文章路径：http://www.mswzjz.com/qtweb/news4/185204.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容