实用工具 | 5款超实用浏览器插件，第一款真神器

程序员大佬 今天

以下文章来源于平凡而诗意 ，作者Jackpop

平凡而诗意

坚持原创，坚持与众不同

转自：平凡而诗意

---

Github是很多在校学生和互联网/IT从业者都会接触到的一个开源项目托管平台，它提供了非常多优质项目和小工具。但是，它也有着自身的不足，那就是阅读和查看项目非常不方便，本文就来介绍5款能够提升Github使用体验的Google Chrome插件，让阅读Github效率大大提升。

前言

我自身算得上一个Github党，每周不管多忙，都会抽空看一下近期有没有热门、好玩的项目，然后配置调试一下。我这样做主要有2点原因，

·能够从中学习到很多东西，包括编码规范、软件设计模式·能够从鱼龙混杂的项目中挑选出一些优质的分享给大家

但是，在长时间的使用Github中，的确让我遇到很多感觉不便捷甚至令人无奈的地方。例如，当要定位到某个文件时，需要逐步进去，然后再逐步退出一个目录，这显然是非常。例如，当我要查看某个函数是如何定义的时候，需要人工手动的去查找，无法像IDE中那样直接快捷键跳转。

当然，让人排斥的地方不止这2点，但是又苦于没有好用的解决方案，又不得不屈服于现状。

但是，自从用了本文要介绍的这5款Chrome插件之后，几乎把成熟IDE的功能搬运到了Github上，如虎添翼，这5款插件分别是，

·Octotree·Sourcegraph·OctoLinter·Octohint·Github Code Folding

下面分别来介绍一下上述5款好用的Chrome插件。

Octotree

Octotree^[1]是当之无愧的Github神器，强烈的推荐给大家。

查看某个文件是我使用Github过程中最苦恼的一个点，需要逐层进入一个目录，然后再逐层退出目录，这样不仅费劲，而且，如果网速不太好的话，查看一个文件需要耗费很长时间，例如，

Octotree的出现能够让Github体验提升到一个全新的水平，它能够以树形结构展示Github项目，更加易于阅读，能够快速查看某个文件，能够让Github像大多数IDE那样。

除此之外，Octotree还有一项非常实用的功能--下载单个文件。

试想，当我们查阅一个Github项目时，我们只需要其中一个文件，但是，这时候却不得不把整个项目克隆或者下载下来，这样显然是太麻烦了，

Octotree还可以用于下载Github单文件，当鼠标移动到需要下载的文件上方时，文件左侧会出现一个“分享”按钮，只需要点击一下就可以下载这个文件了。

Sourcegraph

Sourcegraph^[2]解决Github另外两个问题：跳转定义和悬浮显示。

使用过IDEA、VS Code这些优秀的IDE的同学应该都已经习惯了它们便捷的功能，

·快捷键跳转到一个函数的定义处·鼠标悬浮显示文档和类型信息·查找引用·支持Python、Java等20+种语言

显然，默认的Github是没有这么便捷的功能的，Sourcegraph能够给Github带来这些功能，下面看一下演示，

OctoLinter

OctoLinter^[3]同样是一款跳转工具，但是，它和Sourcegraph不同，Sourcegraph主要针对于定义和引用的跳转。而将特定的语句转化成链接进行跳转。

这些语句主要是我们引入包时所使用的import、require、include语句，例如，

import timeimport osimport mathimport torchimport random

OctoLinter会从相对目录中的文件、Github依赖、API文档中查找关于这个引入的介绍，然后给它添加上链接，单击一下就可以跳转到文档、定义等页面，下面来演示一下，

Octohint

Octohint^[4]是一款能够给GitHub和GitLab添加智能提示功能的插件，双击函数或者变量能够智能提示它的有关定义，目前它支持下列语言，

·TypeScript·JavaScript·CSS·LESS·SCSS

看到这里我想应该有很多同学会感觉到有一丝失望，为什么不支持Python、Java、Go等语言？为什么还要介绍这款插件？

因为，它吸引我的并不仅仅是智能提示这项功能，而是快速匹配功能。

我们使用sublime、Pycharm时，应该都会用到一项功能，当双击某个变量或者函数时，相同名称的都会显示高亮，这样便于我们阅读代码。而Octohint吸引我的正是因为它具备这样的功能，这项功能适用于所有编程语言，下面看一下示例，

Github Code Folding

Github Code Folding^[5]这款插件应该从名称就很容易猜出来它是用来干嘛的。没错，它就是一款代码折叠插件。

很多专业的IDE都具备这项基础功能，这样能够避免我们繁琐的上下翻页，尤其是对于C++、Java这些动辄几千行代码的编程语言，代码折叠就更加有必要了。

有了Github Code Folding这款插件，就不用在费劲的滑动鼠标进行翻页了，下面来看一下演示，

结语

树形目录、快速跳转、高亮匹配、代码折叠...有了这些功能，Github就已经具备了IDE应该具备的主要功能，这样对于阅读代码、查找项目等都能够提高非常多的效率。

另外，上述插件我都是在Google Chrome使用的，其中有些也支持火狐和欧朋浏览器，至于360、QQ等浏览器可以自行尝试搜索一下有没有上述插件。

下载方式

我已经把上述5款插件的crx文件下载并且进行共享，如果需要，可以关注公众号后台回复“s26”获取！

源码链接

[1] Octotree: https://github.com/ovity/octotree
[2] Sourcegraph: https://github.com/sourcegraph/sourcegraph
[3] OctoLinter: https://github.com/OctoLinker/OctoLinker
[4] Octohint: https://github.com/pd4d10/octohint
[5] Github Code Folding: https://github.com/noam3127/github-code-folding

感谢阅读

推荐阅读

1：真实的上海IT圈：张江男vs漕河泾男

2：真实的北京IT圈：后厂村姑 vs 后厂村花？

3：为什么你的提问没人解答？

4：Python爱好者社区历史文章合集

重磅！Python交流群已成立

公众号运营至今，离不开小伙伴们的支持。

为了给小伙伴们提供一个互相交流的技术平台，特地开通了Python交流群。

群里有不少技术大神，不时会分享一些技术要点，更有一些资源收藏爱好者不时分享一些优质的学习资料。（免费，不卖课！）

需要进群的朋友，可长按扫描下方二维码。