瀏覽 GitHub 太卡了？教你兩招！

老實(shí)說(shuō)，GitHub 在國(guó)內(nèi)的使用體驗(yàn)并不算太好，這其中最大的原因就是網(wǎng)絡(luò)了。

GitHub 訪問(wèn)起來(lái)比較卡，這個(gè)看起來(lái)貌似無(wú)解。國(guó)內(nèi)的 gitee 網(wǎng)速倒是可以，但是無(wú)法代替 GitHub，個(gè)人感覺(jué) gitee
上還是開(kāi)源項(xiàng)目多一些，工具類(lèi)庫(kù)要少一些。

在網(wǎng)絡(luò)比較卡的情況下，如果我們想在線查看 GitHub
上項(xiàng)目的源碼，是非常的不方便，我們需要不斷的進(jìn)入到某個(gè)目錄中，然后再退出來(lái)，再進(jìn)入到其他目錄中，這樣每一次都要加載頁(yè)面，查看起來(lái)非常不便。

今天松哥就給大家介紹兩款瀏覽器插件 SourceGraph 和 Octotree ，使用這兩個(gè)瀏覽器插件可以非常方便的在線查看 GitHub
上項(xiàng)目的源碼。Chrome 或者 Firefox 都可以安裝此插件。

SourceGraph

簡(jiǎn)介

SourceGraph 是一個(gè)依據(jù) Apache2.0 開(kāi)源協(xié)議開(kāi)源的一個(gè)工具，集代碼查看、review PR、代碼搜索等功能于一身。開(kāi)發(fā)者必備。

支持的瀏覽器

雖然我們大部分情況下可能都是在 Chrome 或者 Firefox 上使用 SourceGraph，不過(guò)實(shí)際上，SourceGraph 支持的平臺(tái)可不止
Chrome 和 Firefox ，包括 Vscode 在內(nèi)的大多數(shù)工具都支持，如下：



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

支持的平臺(tái)

那我們用這個(gè)都可以瀏覽哪些網(wǎng)站的代碼呢？除了 GitHub 還有哪些平臺(tái)也受到支持呢？



可以看到，常見(jiàn)的 GitHub、GitLab、Bitbucket 都獲得了支持，還有像 Phabricator、Azure DevOps、AWS
CodeCommit 也都有較好的支持。

安裝

Firefox 大家可以直接搜索安裝，Chrome，要是上網(wǎng)不方便，松哥已經(jīng)幫大家下載好了，公眾號(hào)后臺(tái)回復(fù) sourcegraph，獲取
SourceGraph 離線包下載地址，離線包下載后之后，直接拖到瀏覽器上安裝即可。

這里我就來(lái)和大家演示下正常安裝，在 Chrome 的 Store 中搜索 SourceGraph ，如下：



搜到之后點(diǎn)擊右邊的 添加至 Chrome 按鈕即可，我這邊因?yàn)橐呀?jīng)裝過(guò)了，所以按鈕是評(píng)分，安裝完成之后，瀏覽器上會(huì)多出一個(gè) SourceGraph
圖標(biāo)，如下：



這樣 SourceGraph 就安裝好了。

使用

此時(shí)我們?cè)?GitHub 上打開(kāi)任意一個(gè)項(xiàng)目，以松哥的微人事為例，如下：



可以看到，在項(xiàng)目的 Watch 旁邊多了一個(gè)按鈕，這個(gè)按鈕就是 SourceGraph，我們點(diǎn)擊一下，就可以進(jìn)入到 SourceGraph 頁(yè)面：



這就像一個(gè)開(kāi)發(fā)工具一樣，我們?cè)谟疫吙梢暂p松的展開(kāi)項(xiàng)目的包，想看哪個(gè)文件就看哪個(gè)。上面的搜索框支持正則表達(dá)式搜索，可以方便的查找到項(xiàng)目中相關(guān)變量的定義。

SourceGraph 中還可以查看變量被定義或者被引用的位置(這個(gè)功能要登錄 SourceGraph 后才可以使用)：



是不是都可以當(dāng)成 IDE 來(lái)用了。

有了這些功能，我們?cè)僭?GitHub 上瀏覽項(xiàng)目就方便多了，小伙伴們不妨試試。

Octotree

簡(jiǎn)介

Octotree(https://www.octotree.io/ <https://www.octotree.io/>) 是一款瀏覽器插件，Chrome
和 Firefox 、Opera 對(duì)此都有很好的支持。這個(gè)插件可以將 GitHub
上項(xiàng)目代碼以樹(shù)形格式展示，而且在展示的列表中，我們可以下載指定的文件，而不需要下載整個(gè)項(xiàng)目。

安裝

Firefox 安裝 Octotree 很容易，問(wèn)題不大，但是 Chrome 上安裝，可能有的小伙伴不太方便，松哥已經(jīng)將 Chrome 上 Octotree
的離線安裝包下載好了，大家在我公眾號(hào)后臺(tái)回復(fù) octotree 就可以獲取下載鏈接。

當(dāng)然，如果大家方便的話，可以直接在 Chrome 商店中搜索，如下：



選擇第一個(gè)免費(fèi)版的安裝就可以了。

裝好之后，瀏覽器右上角就會(huì)有一個(gè)相應(yīng)的圖標(biāo)，如下：



使用

Octotree 安裝成功之后，打開(kāi)一個(gè) GitHub 網(wǎng)頁(yè)，我們?cè)谧筮吘涂梢钥吹?Octotree 插件，如下：



這樣就可以快速打開(kāi)并瀏覽一個(gè) GitHub 文件了。

點(diǎn)擊文件名前面的圖標(biāo)，就可以在一個(gè)單獨(dú)的網(wǎng)頁(yè)中打開(kāi)這個(gè)文件。

好了，這兩個(gè)神器就說(shuō)到這里，小伙伴們不妨試試。

關(guān)注公眾號(hào)【江南一點(diǎn)雨】，專(zhuān)注于 Spring Boot+微服務(wù)以及前后端分離等全棧技術(shù)，定期視頻教程分享，關(guān)注后回復(fù) Java ，領(lǐng)取松哥為你精心準(zhǔn)備的
Java 干貨！

• ? 上一篇：我是如何學(xué)習(xí)寫(xiě)一個(gè)操作系統(tǒng)（五）：故事的高潮之進(jìn)程和線程1
• ? 下一篇：Qt之股票組件-股票檢索--支持搜索結(jié)果預(yù)覽、鼠標(biāo)、鍵盤(pán)操作