建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
老實(shí)說(shuō)，GitHub 在國(guó)內(nèi)的使用體驗(yàn)并不算太好，這其中很大的原因就是網(wǎng)絡(luò)了。
讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、網(wǎng)站空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、天臺(tái)網(wǎng)站維護(hù)、網(wǎng)站推廣。
GitHub 訪(fǎng)問(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ò)比較卡的情況下，如果我們想在線(xiàn)查看 GitHub 上項(xiàng)目的源碼，是非常的不方便，我們需要不斷的進(jìn)入到某個(gè)目錄中，然后再退出來(lái)，再進(jìn)入到其他目錄中，這樣每一次都要加載頁(yè)面，查看起來(lái)非常不便。
今天松哥就給大家介紹兩款瀏覽器插件 SourceGraph 和 Octotree ，使用這兩個(gè)瀏覽器插件可以非常方便的在線(xiàn)查看 GitHub 上項(xiàng)目的源碼。Chrome 或者 Firefox 都可以安裝此插件。
1.SourceGraph
1.1 簡(jiǎn)介
SourceGraph 是一個(gè)依據(jù) Apache2.0 開(kāi)源協(xié)議開(kāi)源的一個(gè)工具，集代碼查看、review PR、代碼搜索等功能于一身。開(kāi)發(fā)者必備。
1.2 支持的瀏覽器
雖然我們大部分情況下可能都是在 Chrome 或者 Firefox 上使用 SourceGraph，不過(guò)實(shí)際上，SourceGraph 支持的平臺(tái)可不止 Chrome 和 Firefox ，包括 Vscode 在內(nèi)的大多數(shù)工具都支持，如下：
可以看到有 Chrome、Firefox、VsCode、Jet Brains全家桶(IDEA、WebStorm 等)、Vi、Sublime、Atom。
1.3 支持的平臺(tái)
那我們用這個(gè)都可以瀏覽哪些網(wǎng)站的代碼呢?除了 GitHub 還有哪些平臺(tái)也受到支持呢?
可以看到，常見(jiàn)的 GitHub、GitLab、Bitbucket 都獲得了支持，還有像 Phabricator、Azure DevOps、AWS CodeCommit 也都有較好的支持。
1.4 安裝
Firefox 大家可以直接搜索安裝， Chrome，要是上網(wǎng)不方便，松哥已經(jīng)幫大家下載好了，公眾號(hào)后臺(tái)回復(fù) sourcegraph，獲取 SourceGraph 離線(xiàn)包下載地址 ，離線(xiàn)包下載后之后，直接拖到瀏覽器上安裝即可。
這里我就來(lái)和大家演示下正常安裝，在 Chrome 的 Store 中搜索 SourceGraph ，如下：
搜到之后點(diǎn)擊右邊的 添加至 Chrome 按鈕即可，我這邊因?yàn)橐呀?jīng)裝過(guò)了，所以按鈕是評(píng)分，安裝完成之后，瀏覽器上會(huì)多出一個(gè) SourceGraph 圖標(biāo)，如下：
這樣 SourceGraph 就安裝好了。
1.5 使用
此時(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)目就方便多了，小伙伴們不妨試試。
2. Octotree
2.1 簡(jiǎn)介
Octotree(https://www.octotree.io/) 是一款瀏覽器插件，Chrome 和 Firefox 、Opera 對(duì)此都有很好的支持。這個(gè)插件可以將 GitHub 上項(xiàng)目代碼以樹(shù)形格式展示，而且在展示的列表中，我們可以下載指定的文件，而不需要下載整個(gè)項(xiàng)目。
2.2 安裝
Firefox 安裝 Octotree 很容易，問(wèn)題不大，但是 Chrome 上安裝，可能有的小伙伴不太方便，松哥已經(jīng)將 Chrome 上 Octotree 的離線(xiàn)安裝包下載好了，大家在我公眾號(hào)后臺(tái)回復(fù) octotree 就可以獲取下載鏈接。
當(dāng)然，如果大家方便的話(huà)，可以直接在 Chrome 商店中搜索，如下：
選擇第一個(gè)免費(fèi)版的安裝就可以了。
裝好之后，瀏覽器右上角就會(huì)有一個(gè)相應(yīng)的圖標(biāo)，如下：
2.3 使用
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ō)到這里，小伙伴們不妨試試。
分享文章：瀏覽GitHub太卡了？教你兩招
標(biāo)題路徑：http://www.dlmjj.cn/article/cdhcoie.html
