有太多增強 GitHub 功能的插件了，就 Chrome 商店就有上千款。本文章不會列舉所有的插件，只會列舉六個大家肯定用的到且接地氣的插件，其他花里胡哨的或者我沒用過的插件就不推薦了。

圖1：Chrome 商店內的相關插件

由于網絡的問題，國內下載 Chrome 插件可能不太方便。老逛都幫你們下載好了，在文末獲取下載方式就行了。

1.?Octotree?

在開發一個項目的時候，會創建很多包使代碼結構層次分明。

拿 Java 項目來說，一般會創建 src 目錄用來存放項目源碼，test 目錄存放一些用來測試的腳本。在 src 目錄下，還會有 resource 資源和一些業務邏輯代碼（比如遵循 MVC 開發模式的Controller、Service、Dao ）

其他項目亦然，我們發現一個完整項目，代碼是層次分明的，但是如果使用 GitHub 看一個項目源碼時體驗會非常差，查看不同的目錄操作是這樣的：

圖2：GitHub 目錄操作

毫無疑問，這樣的體驗是非常糟糕的。而 Chrome 插件 Octotree 就能解決這個問題，?當你安裝了這個插件，打開 GitHub 倉庫時會在左邊有一個按鈕，點擊按鈕就會有這個項目的完整目錄樹了，體驗方式和在 IDE 中差不多。

圖3：目錄樹展示

?Chrome 插件 Octotree 有 30W + 用戶，評分 5.0 。

圖4：插件下載示意圖

2. Sourcegraph

如果老逛推薦了一個還不錯的 GitHub 項目，你想學習一下它的代碼邏輯，你會怎么做 ？我猜應該是先 Download ，導入 IDE 把報錯都解決了，然后 Run 起來，緊接著讀它的源碼。

我們習慣使用 IDE 讀源碼，原因可能是大部分人都習慣使用?Ctrl +?鼠標左鍵?快速定位代碼的功能。

但是有的人就懶得下載源碼，如果直接在 GitHub 上看源碼是這樣的：

圖5：GitHub 頁面瀏覽源碼示意圖

這樣看源碼既沒有代碼層級結構，也沒辦法跳轉定位。有沒有一款插件能夠解決這一痛點？

答案是有的。這個插件的名字叫?Sourcegraph。該插件在 Chrome 商店評分 4.8，100000+ 的用戶，超級受歡迎，功能豐富，宛若一個功能強大的 IDE。

圖6：插件下載示意圖

如果自己沒辦法登錄谷歌商店下載，老逛也提供了其他的下載方式，老規矩文末獲取。

安裝插件完畢，打開 GitHub ，下圖所示這個炫酷的圖標就會出現，點擊它你就會發現新世界。

圖7：紅圈為插件功能啟動按鈕

點擊這個圖標，界面會變成下圖這樣的。每個區域的功能都標注了出來，我覺得在瀏覽代碼層面上可以媲美編輯器，接下來介紹三個比較常用的功能。

圖8：插件功能界面

1. 文件樹瀏覽

這款插件也支持文件樹，而且還配備了更多更強大的功能，如果安裝了這款插件完全可以拋棄剛剛提到的 Octotree 插件。

圖9：目錄樹

2.?代碼定位

如果當前文件中有一個實例化的對象，我們想查看該對象對應的類源碼，在 IDEA 中，我們可以 Ctrl + 鼠標左鍵進行定位，裝了這個插件可以點擊「Go to definition」即可跳轉。

其實一個叫 OctoLinker?的插也能實現這個功能，但是裝了?Sourcegraph 插件就足夠了。

視頻1：代碼定位功能演示

3.?搜索增強

當你剛剛學習了一個技術，想找一個 Demo 學習。這時候你不需要在打開 GitHub 搜索了，配備了這款插件的 Chrome 瀏覽器即可完成這一操作，沒錯，直接在瀏覽器搜索欄搜索代碼而不是在 GitHub 平臺上的搜索，同時支持持跨倉庫搜索。

你只需要在瀏覽器的地址欄中鍵入 src?然后空格，即可在 Sourcegraph 上搜索查詢 Demo 了。

視頻2：搜索增強功能演示

Sourcegraph?基本可以滿足我們在瀏覽器端瀏覽源碼的需求，但是還有很多需求它無法滿足，比如：只想下載一個項目中的某個文件。使用 git clone 命令克隆的是整個倉庫，如何輕松地獲取一個倉庫中的部分代碼？

3. GitZip?

該插件就能幫助你輕松下載一個倉庫中的部分代碼，使用起來也很簡單。安裝插件后，找到你想下載的目錄，在空白處點擊鼠標右鍵，點擊 Download?目錄名 就可以下載了。

圖10：下載部分代碼演示

老逛認為裝這三個插件就足夠了，下面我會簡單介紹幾個以前用過但是最近不怎么常用的插件，不想往下看的朋友可以點個贊然后退出了。

Notifier for Github

該插件可以幫助顯示 GitHub 未讀消息數，同樣也支持桌面通知，讓你第一時間可以知道 GitHub 上有沒有新消息。

Octohint

GitHub 只提供基本的語法高亮，你想找到某個變量需要 Ctrl + F 去找。如果是一個大的文件，這種傳統查找方式比較繁瑣，效率低下。

安裝了 Octohint 這款插件，在使用 GitHub 瀏覽代碼時，默認會加入參數屬性提示、變量名高亮等功能，讓瀏覽代碼更加方便。

圖11：插件功能演示

Github Hovercard

這是一款簡潔的 GitHub 懸浮卡片 Chrome 插件, 可方便的查看 GitHub 上的 user/repo/issue 等信息，增強了 GitHub 的交互體驗。

4. 下載方式

我把這六款插件下載了下來，本公眾號「逛逛GitHub」后臺輸入命令「GitHub插件」就能獲取下載鏈接了。

安裝也很簡單：點擊Chrome菜單?→?更多工具?→?擴展程序，進入擴展程序頁面。

圖12：擴展頁面入口

拖拽下載好的 .crx 擴展進去就完成了安裝

圖13：拖拽安裝插件

5.?瞎扯

好了，如果你用過其他不錯的插件可以后臺給我留言，我都會看。還有那個搶茅臺的事情也回復一下大家，后臺很多人問我有沒有搶到，我的積分比較低，所以搶了兩次就放棄了，如果你的小白分低于 100 就不要陪跑了。

最后，喜歡本文章的可以轉發、在看。以下平臺都有老逛的身影，歡迎大家關注我在其他平臺的同名賬號。

???????????

推薦閱讀

1.?一個人竟然擼了一個抖音 App

2.?IntelliJ IDEA 從入門到上癮

3.?GitHub 暗黑模式終于來了！

每天推薦一個有趣、好玩且可能你會用到的 GitHub 項目。

△掃碼關注我△

總結

以上是生活随笔為你收集整理的必装 6 款超神的 GitHub 插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。