<p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">GitHub全球最大的“同性”交友平臺！作為一名開發(fā)者逛GitHub就像妹子逛淘寶一樣。我相信大部分開發(fā)者都會在上面找輪子，來提升自己的開發(fā)效率。所以今天我就給大家推薦幾款提升你逛GitHub效率的工具。非常實用，強力推薦！也希望大家關(guān)注我，我會持續(xù)更新一些干貨，或許對你有所幫助！</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><span style="-webkit-tap-highlight-color: transparent; font-weight: 700;">Chrome 擴展程序</span></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><span style="-webkit-tap-highlight-color: transparent; font-weight: 700;">備注：</span>這幾款插件均可以在 Chrome 應用商店搜索得到。至于怎么訪問我下面會給方法。</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><span style="-webkit-tap-highlight-color: transparent; font-weight: 700;">1，<span style="-webkit-tap-highlight-color: transparent;">Octotree</span></span></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">在訪問GitHub上的源碼的時候，想查看源代碼，是不是要一層一層的點進去，然后還要在一步步返回，特別麻煩。你可能會把源碼down下來放到as，或者用編輯器打開，這樣太耗時。Octotree 作為 Chrome 瀏覽器的一款插件，剛好解決這個使用痛點。他能夠像 IDE 一樣提供項目目錄，快捷導航，方便瀏覽。同時支持 GitHub 和 GitLab 兩個常用的代碼托管網(wǎng)站。更貼心的是，你可以自行選擇是否顯示目錄。如下圖：</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><img src="http://upload-images.jianshu.io/upload_images/4658292-9966f5e3ab83a1e0.gif" img_width="1270" img_height="584" alt="這幾款GitHub插件不收藏你打我臉！提升開發(fā)效率的必備工具" inline="0" style="-webkit-tap-highlight-color: transparent; border-style: none; display: block; margin: 10px auto;width:auto !important;max-width:100% !important;height:auto !important;"/></p><p class="pgc-img-caption" style="-webkit-tap-highlight-color: transparent; margin-top: 0px; margin-bottom: 16px; text-align: center; font-size: 12px; color: rgb(119, 119, 119); line-height: 16px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">在線訪問項目代碼目錄</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><span style="-webkit-tap-highlight-color: transparent; font-weight: 700;">2，<span style="-webkit-tap-highlight-color: transparent;">GitHub Plus</span></span></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">GitHub Plus 能夠顯示代碼倉庫的大小，以及其中每個文件的大小和下載鏈接。使用這款插件，我們再也不用因為需要某個單一文件而被迫下載整個項目源碼，尤其是在網(wǎng)速不給力的時候。</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><img src="http://upload-images.jianshu.io/upload_images/4658292-f4eb3300261ee2f1.jpg" img_width="626" img_height="624" alt="這幾款GitHub插件不收藏你打我臉！提升開發(fā)效率的必備工具" inline="0" style="-webkit-tap-highlight-color: transparent; border-style: none; display: block; margin: 10px auto;width:auto !important;max-width:100% !important;height:auto !important;"/></p><p class="pgc-img-caption" style="-webkit-tap-highlight-color: transparent; margin-top: 0px; margin-bottom: 16px; text-align: center; font-size: 12px; color: rgb(119, 119, 119); line-height: 16px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">顯示倉庫和文件大小</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><span style="-webkit-tap-highlight-color: transparent; font-weight: 700;">3，<span style="-webkit-tap-highlight-color: transparent;">GitHub Hovercard</span></span></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">用過Google翻譯的都知道鼠標懸停取詞。Hovercard 當你將鼠標停留在 GitHub 網(wǎng)站的用戶頭像或者倉庫鏈接地址上時，會自動彈出一個懸浮框，帶你提前預覽基本信息，類似Google翻譯。Hovercard 插件支持的懸停位置更多，包括用戶頭像，倉庫地址，Issue 鏈接，個人主頁等。</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><img src="http://upload-images.jianshu.io/upload_images/4658292-f5ff1451fe1ecca3.jpg" img_width="449" img_height="631" alt="這幾款GitHub插件不收藏你打我臉！提升開發(fā)效率的必備工具" inline="0" style="-webkit-tap-highlight-color: transparent; border-style: none; display: block; margin: 10px auto;width:auto !important;max-width:100% !important;height:auto !important;"/></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><img src="http://upload-images.jianshu.io/upload_images/4658292-9ea861c7aa11e0c1.jpg" img_width="292" img_height="286" alt="這幾款GitHub插件不收藏你打我臉！提升開發(fā)效率的必備工具" inline="0" style="-webkit-tap-highlight-color: transparent; border-style: none; display: block; margin: 10px auto;width:auto !important;max-width:100% !important;height:auto !important;"/></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><span style="-webkit-tap-highlight-color: transparent; font-weight: 700;">4,<span style="-webkit-tap-highlight-color: transparent;">Sourcegraph for GitHub</span></span></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">該插件提供代碼搜索，查看引用，自動跳轉(zhuǎn)，項目目錄導航，實現(xiàn)IDE 上常用的功能操作，直接在線使用獲得IDE的體驗。</p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;"><img src="http://upload-images.jianshu.io/upload_images/4658292-8a7baf7a798a2a78.jpg" img_width="1911" img_height="603" alt="這幾款GitHub插件不收藏你打我臉！提升開發(fā)效率的必備工具" inline="0" style="-webkit-tap-highlight-color: transparent; border-style: none; display: block; margin: 10px auto;width:auto !important;max-width:100% !important;height:auto !important;"/></p><p style="-webkit-tap-highlight-color: transparent; margin-top: 16px; margin-bottom: 16px; color: rgb(34, 34, 34); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-variant-ligatures: normal; orphans: 2; white-space: normal; widows: 2;">好了先介紹這幾款常用的。后面會持續(xù)更新。大家可以關(guān)注一下，后面會持續(xù)推送給大家一些干貨。</p><p>
</p>