浏览 GitHub 太卡了？教你两招！

老实说，GitHub 在国内的使用体验并不算太好，这其中最大的缘由就是网络了。

GitHub 访问起来比较卡，这个看起来貌似无解。国内的 gitee 网速却是能够，可是没法代替 GitHub，我的感受 gitee 上仍是开源项目多一些，工具类库要少一些。

在网络比较卡的状况下，若是咱们想在线查看 GitHub 上项目的源码，是很是的不方便，咱们须要不断的进入到某个目录中，而后再退出来，再进入到其余目录中，这样每一次都要加载页面，查看起来很是不便。

今天松哥就给你们介绍两款浏览器插件 SourceGraph 和 Octotree ，使用这两个浏览器插件能够很是方便的在线查看 GitHub 上项目的源码。Chrome 或者 Firefox 均可以安装此插件。

SourceGraph

简介

SourceGraph 是一个依据 Apache2.0 开源协议开源的一个工具，集代码查看、review PR、代码搜索等功能于一身。开发者必备。

支持的浏览器

虽然咱们大部分状况下可能都是在 Chrome 或者 Firefox 上使用 SourceGraph，不过实际上，SourceGraph 支持的平台可不止 Chrome 和 Firefox ，包括 Vscode 在内的大多数工具都支持，以下：

能够看到有 Chrome、Firefox、VsCode、Jet Brains全家桶(IDEA、WebStorm 等)、Vi、Sublime、Atom。

支持的平台

那咱们用这个均可以浏览哪些网站的代码呢？除了 GitHub 还有哪些平台也受到支持呢？

能够看到，常见的 GitHub、GitLab、Bitbucket 都得到了支持，还有像 Phabricator、Azure DevOps、AWS CodeCommit 也都有较好的支持。

安装

Firefox 你们能够直接搜索安装，Chrome，要是上网不方便，松哥已经帮你们下载好了，公众号后台回复 sourcegraph，获取 SourceGraph 离线包下载地址，离线包下载后以后，直接拖到浏览器上安装便可。

这里我就来和你们演示下正常安装，在 Chrome 的 Store 中搜索 SourceGraph ，以下：

搜到以后点击右边的 添加至 Chrome 按钮便可，我这边由于已经装过了，因此按钮是评分，安装完成以后，浏览器上会多出一个 SourceGraph 图标，以下：

这样 SourceGraph 就安装好了。

使用

此时咱们在 GitHub 上打开任意一个项目，以松哥的微人事为例，以下：

能够看到，在项目的 Watch 旁边多了一个按钮，这个按钮就是 SourceGraph，咱们点击一下，就能够进入到 SourceGraph 页面：

这就像一个开发工具同样，咱们在右边能够轻松的展开项目的包，想看哪一个文件就看哪一个。上面的搜索框支持正则表达式搜索，能够方便的查找到项目中相关变量的定义。

SourceGraph 中还能够查看变量被定义或者被引用的位置(这个功能要登陆 SourceGraph 后才可使用)：

是否是均可以当成 IDE 来用了。

有了这些功能，咱们再在 GitHub 上浏览项目就方便多了，小伙伴们不妨试试。

Octotree

简介

Octotree(www.octotree.io/) 是一款浏览器插件，Chrome 和 Firefox 、Opera 对此都有很好的支持。这个插件能够将 GitHub 上项目代码以树形格式展现，并且在展现的列表中，咱们能够下载指定的文件，而不须要下载整个项目。

安装

Firefox 安装 Octotree 很容易，问题不大，可是 Chrome 上安装，可能有的小伙伴不太方便，松哥已经将 Chrome 上 Octotree 的离线安装包下载好了，你们在我公众号后台回复 octotree 就能够获取下载连接。

固然，若是你们方便的话，能够直接在 Chrome 商店中搜索，以下：

选择第一个免费版的安装就能够了。

装好以后，浏览器右上角就会有一个相应的图标，以下：

使用

Octotree 安装成功以后，打开一个 GitHub 网页，咱们在左边就能够看到 Octotree 插件，以下：

这样就能够快速打开并浏览一个 GitHub 文件了。

点击文件名前面的图标，就能够在一个单独的网页中打开这个文件。

好了，这两个神器就说到这里，小伙伴们不妨试试。

关注公众号【江南一点雨】，专一于 Spring Boot+微服务以及先后端分离等全栈技术，按期视频教程分享，关注后回复 Java ，领取松哥为你精心准备的 Java 干货！