以代码托管平台起家的 GitHub 网站,已然成为全球程序员工作和生活中不可或缺的一份子。从优秀的企业,到优秀的程序员,都将自己最优秀的代码作品存放在这片开源净土里,供彼此学习交流。\\LS--20170713VTU\HP LaserJet Professional P1108
D:\装机\vs_Enterprise_2017.exe --layout D:\装机\visualstudioenterprise2017 --lang zh-CN

GitHub Trending 栏目甚至已经成为 IT 从业人员的新闻日报,每日必读。在之前的一篇文章中,我也有讲到 GitHub 对于我们程序员个人的重要性:聊聊 GitHub 对于程序员的品牌价值

既然 GitHub 这么重要,又被我们使用得这么频繁,那关于 GitHub 的一些优秀浏览器插件或者其他工具,我们就一定不可错过啦。本文就来整理一些,都是我平常使用最得心应手的东西,全都倾力推荐出来,绝对干货!

Chrome 扩展程序

备注:这个分类的部分均可以在 Chrome 应用商店 搜索得到,也可以直接点击小标题直接跳转至插件详情页。

Octotree

很好奇的是,GitHub 作为代码托管平台,竟然没有提供项目目录,方便用户在线快速浏览项目结构。所以,在线分析项目源码就会变得很繁琐,必须一层一层点击,然后再一次一次地向上返回。要知道,本来 GitHub 网站在中国区的访问就已经很慢了。最无奈的做法就是,下载到本地,再使用 Sublime 等编辑器打开。

Octotree 作为 Chrome 浏览器的一款插件,刚好解决这个使用痛点。他能够像 IDE 一样提供项目目录,快捷导航,方便浏览。同时支持 GitHub 和 GitLab 两个常用的代码托管网站。更贴心的是,你可以自行选择是否显示目录。

GitHub Plus

同样作为 Chrome 的插件,GitHub Plus 提供的功能也是非常实用。能够显示代码仓库的大小,以及其中每个文件的大小和下载链接。使用这款插件,我们再也不用因为需要某个单一文件而被迫下载整个项目源码,尤其是在网速不给力的时候。

GitHub Hovercard

使用这款插件,当你将鼠标停留在 GitHub 网站的用户头像或者仓库链接地址上时,会自动弹出一个悬浮框,带你提前预览基本信息。有点类似 StackOverflow 网站的用户头像的鼠标悬停效果。Hovercard 插件支持的悬停位置更多,包括用户头像,仓库地址,Issue 链接,个人主页等。咱们还是用图说话比较直接:

Sourcegraph for GitHub

代码搜索,查看引用,自动跳转,项目目录导航,这些 IDE 上常用的功能操作,借助 Sourcegraph 插件,都能帮你直接在线使用。如图:

Octo Mate

这款插件提供的功能与前面提到的 GitHub Plus 有点类似,展示项目大小,任意文件点击下载等。如图:

Awesome Autocomplete for GitHub

GitHub 智能搜索插件。有点类似自动补全功能,实时监听输入的搜索关键字,自动列出相关内容。正如官方介绍那样,致力于打造 GitHub 上最好的搜索引擎,助你在搜索仓库和用户方面,比以往更快人一步。

Isometric Contributions

3D 像素立体展示 GitHub 上的仓库提交记录。相比传统的方块图表,更有美感。当然,使用这款插件之后,你可以自由切换展示方式,而不是一刀切。

高效率管理工具

前面提到的都是 Chrome 的插件系列,基本上可以解决平时我们使用 GitHub 在线搜索或者浏览某一仓库时所遇到的痛点问题。但是还有一个很重要的痛点没有解决,那就是我们 Star 过的仓库管理问题。

任何一个 IT 领域,GitHub 网站都有成千上万个优秀开源项目可供参考学习。所以,收藏关注几十几百个项目是再平常不过的一件事了。没有标签,没有便捷的检索功能,如何高效率地管理这些关注过的项目呢?也许你可以尝试这些网站提供的工具。

OhMyStar2

强力推荐 OhMyStar2 客户端,号称是管理 GitHub Stars 最好的方式。自动同步 GitHub 账号的 Stars,拥有标签和评分两种分类方式助你分组管理项目,根据名称、日期等指标自动排序,三方分享功能,甚至提供每日 Trending 浏览,说是最好,名符其实!

Astral

也是提供标签式的方式管理 GitHub 账号关注的项目。只不过,通过网站在线管理,没有提供 PC 版客户端。免费试用。

Insight.io

这个工具使用起来有点类似 IDE,提供开发中常用的快速导航、代码搜索功能、查看引用和点击跳转等功能。

我想,有了这些工具,一定能大幅提高我们程序员使用 GitHub 时的效率。工欲善其事,必先利其器。站在巨人的肩膀上,更容易事半功倍。利用好工具,换种角度来看,也是一种不可忽视的能力。

从事 IT 行业以来,越发觉得,互联网对于我们每个人来说,都是公平的,如何开拓视野,利用网络平台提升自己的学习能力和工作效率,显得尤为重要。很庆幸,我们都在这个最潮流的行业,共同学习,一起进步。

备注:更多开发中的优秀 Chrome 插件,可访问我的 GitHub 仓库地址:https://github.com/Mike-bel/awesome-chrome-plugins

强力推荐!那些你不能错过的 GitHub 插件和工具的更多相关文章

  1. 安利给班里的大家一个chrome的GitHub插件-----gayhub

    title: 一个好用的Github插件--gayhub date: 2017-09-20 15:41:36 tags: --- 别跑, 这真是正经插件. 效果, 一图流: 具体效果在项目地址很详细 ...

  2. vs2017使用GitHub插件发布项目到github

    几乎每天都从博客园获取新知识,今天才发现我竟然没有博客园的账号,你说气人不.2008年10月就开始在CSDN上写记录,因为CSDN做记录还可以,但记录整个项目就有些捉襟见肘,后来就写Demo做备份到云 ...

  3. xcode 插件管理工具

    每次xcode 更新后之前安装的插件 都失效了!解决办法: 一.可以通过在原插件项目infoplist新增 新xcode的 DVTPlugInCompatibilityUUID 来使之支持新版xcod ...

  4. Web开发人员不容错过的10个HTML5工具

    HTML5已经成为当今世界的一个必定组成部分.由于World Wide Web万维网是使用超文本标记语言来架构和呈现的,于是HTML5成为了最流行的编程语言之中的一个.随着网络的不断扩张,Web开发者 ...

  5. Web开发者不容错过的10个HTML5工具

    HTML5已经成为当今世界的一个必然组成部分.由于World Wide Web万维网是使用超文本标记语言来架构和呈现的,于是HTML5成为了最流行的编程语言之一.随着网络的不断扩张,Web开发人员非常 ...

  6. 转发—Android开发常用的插件及工具

    作者:蓝之风 出处:http://www.cnblogs.com/vaiyanzi/ Android开发常用的插件及工具 1.GitHub,这个不管是做安卓还是其他,只要是开发就必上的网站,也是天朝没 ...

  7. vim利用插件管理工具-管理配置文件

    目前被广泛应用的2各插件管理工具Pathogen和Vunble,我先说Pathogen Pathogen Pathogen完全用vim脚本编写,不用其他的代码(Vunble就用了python),所以安 ...

  8. IOS-Alcatraz(插件管理工具)

    一.简单说明 Alcatraz 是一款 Xcode的插件管理工具,可以用来管理XCode的 插件.模版以及颜色配置的工具. 二.如何安装 1.github地址:https://github.com/a ...

  9. 32款iOS开发插件和工具介绍[效率]

    插件和工具介绍内容均收集于网络,太多了就不一一注明了,在此谢过!   1.Charles 为了调试与server端的网络通讯协议.经常须要截取网络封包来分析. Charles通过将自己设置成系统的网络 ...

随机推荐

  1. maven 安装m2e 报错

    Eclipse安装maven插件m2e m2e - http://m2eclipse.sonatype.org/sites/m2e m2e-extras - http://m2eclipse.sona ...

  2. c++常用

    常用函数,方便查找,不定时更新. 1. 生成随机数 #include <iostream> #include <stdlib.h> #include <time.h> ...

  3. Atom读写MarkDown插件选择,以及墙内安装markdown-preview-enhanced,及markdown和mermaid使用教程

    1.Atom自带markdown-preview 功能太少,需要大量拓展. 2.markdown-preview-plus 功能还不错,但是其中的滚动条插件markdown-scroll-sync和最 ...

  4. 解决 flannel.1 interface state DOWN

    ip a 查看结果  flannel.1 i state UNKNOWN 并且五 inet 发现日志 device (flannel.1): state change: unmanaged -> ...

  5. XPosed 示例

    https://blog.csdn.net/fmc088/article/details/80535894

  6. 怎么把Thu Nov 22 2018 10:49:36 GMT+0800转换成正常日期

    this.data //Thu Nov 22 2018 10:49:36 GMT+0800 this.date_of_birth = date.getFullYear() + '-' + (date. ...

  7. vue路由详解

    自己看vue文档,难免有些地方不懂,自己整理一下,主要是vue-router具体实现的操作步骤. 安装 直接下载/CDN https://unpkg.com/vue-router/dist/vue-r ...

  8. npm命令

    简介:npm(node.js package manager)是Node.js的包管理器 .它创建于2009年,作为一个 开源项目,帮助开发人员轻松共享打包的代码模块 ## 默认方式初始化npm.(进 ...

  9. future then

    import 'dart:async'; main(){ Future(()=>a1()) .then((x)=>a2(x)) .then((x)=>a3(x)) .then((x) ...

  10. 你不知道的JS(2)深入了解闭包

    很久之前就想写一篇关于闭包的博客了,但是总是担心写的不够完全.不够好,不管怎样,还是要把我理解的闭包和大家分享下,比较长,希望耐心看完. 定义 说实话,给闭包下一个定义是很困难的,原因在于javasc ...