<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全球最大的“同性”交友平台！作为一名开发者逛GitHub就像妹子逛淘宝一样。我相信大部分开发者都会在上面找轮子，来提升自己的开发效率。所以今天我就给大家推荐几款提升你逛GitHub效率的工具。非常实用，强力推荐！也希望大家关注我，我会持续更新一些干货，或许对你有所帮助！</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 两个常用的代码托管网站。更贴心的是，你可以自行选择是否显示目录。如下图：</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="https://img.haomeiwen.com/i4658292/9966f5e3ab83a1e0.gif" img_width="1270" img_height="584" alt="这几款GitHub插件不收藏你打我脸！提升开发效率的必备工具" 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 能够显示代码仓库的大小，以及其中每个文件的大小和下载链接。使用这款插件，我们再也不用因为需要某个单一文件而被迫下载整个项目源码，尤其是在网速不给力的时候。</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="https://img.haomeiwen.com/i4658292/f4eb3300261ee2f1.jpg" img_width="626" img_height="624" alt="这几款GitHub插件不收藏你打我脸！提升开发效率的必备工具" 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 网站的用户头像或者仓库链接地址上时，会自动弹出一个悬浮框，带你提前预览基本信息，类似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="https://img.haomeiwen.com/i4658292/f5ff1451fe1ecca3.jpg" img_width="449" img_height="631" alt="这几款GitHub插件不收藏你打我脸！提升开发效率的必备工具" 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="https://img.haomeiwen.com/i4658292/9ea861c7aa11e0c1.jpg" img_width="292" img_height="286" alt="这几款GitHub插件不收藏你打我脸！提升开发效率的必备工具" 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;">该插件提供代码搜索，查看引用，自动跳转，项目目录导航，实现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="https://img.haomeiwen.com/i4658292/8a7baf7a798a2a78.jpg" img_width="1911" img_height="603" alt="这几款GitHub插件不收藏你打我脸！提升开发效率的必备工具" 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;">好了先介绍这几款常用的。后面会持续更新。大家可以关注一下，后面会持续推送给大家一些干货。</p><p>
</p>
网友评论