瀏覽 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(https://www.octotree.io/) 是一款瀏覽器插件，Chrome 和 Firefox 、Opera 對此都有很好的支持。這個插件能夠將 GitHub 上項目代碼以樹形格式展現，並且在展現的列表中，咱們能夠下載指定的文件，而不須要下載整個項目。

安裝

Firefox 安裝 Octotree 很容易，問題不大，可是 Chrome 上安裝，可能有的小夥伴不太方便，鬆哥已經將 Chrome 上 Octotree 的離線安裝包下載好了，你們在我公衆號後臺回覆 octotree 就能夠獲取下載連接。

固然，若是你們方便的話，能夠直接在 Chrome 商店中搜索，以下：

選擇第一個免費版的安裝就能夠了。

裝好以後，瀏覽器右上角就會有一個相應的圖標，以下：

使用

Octotree 安裝成功以後，打開一個 GitHub 網頁，咱們在左邊就能夠看到 Octotree 插件，以下：

這樣就能夠快速打開並瀏覽一個 GitHub 文件了。

點擊文件名前面的圖標，就能夠在一個單獨的網頁中打開這個文件。

好了，這兩個神器就說到這裏，小夥伴們不妨試試。

關注公衆號【江南一點雨】，專一於 Spring Boot+微服務以及先後端分離等全棧技術，按期視頻教程分享，關注後回覆 Java ，領取鬆哥爲你精心準備的 Java 乾貨！