强力推荐！那些你不能错过的 GitHub 插件和工具

布满荆棘的人生 2022-06-09 13:15 149阅读 0赞

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1][]

以代码托管平台起家的 GitHub 网站，已然成为全球程序员工作和生活中不可或缺的一份子。从优秀的企业，到优秀的程序员，都将自己最优秀的代码作品存放在这片开源净土里，供彼此学习交流。

GitHub Trending 栏目甚至已经成为 IT 从业人员的新闻日报，每日必读。在之前的一篇文章中，我也有讲到 GitHub 对于我们程序员个人的重要性：[聊聊 GitHub 对于程序员的品牌价值][GitHub]。

既然 GitHub 这么重要，又被我们使用得这么频繁，那关于 GitHub 的一些优秀浏览器插件或者其他工具，我们就一定不可错过啦。本文就来整理一些，都是我平常使用最得心应手的东西，全都倾力推荐出来，绝对干货！

Chrome 扩展程序

备注：这个分类的部分均可以在 Chrome 应用商店 搜索得到，也可以直接点击小标题直接跳转至插件详情页。

# Octotree #

很好奇的是，GitHub 作为代码托管平台，竟然没有提供项目目录，方便用户在线快速浏览项目结构。所以，在线分析项目源码就会变得很繁琐，必须一层一层点击，然后再一次一次地向上返回。要知道，本来 GitHub 网站在中国区的访问就已经很慢了。最无奈的做法就是，下载到本地，再使用 Sublime 等编辑器打开。

Octotree 作为 Chrome 浏览器的一款插件，刚好解决这个使用痛点。他能够像 IDE 一样提供项目目录，快捷导航，方便浏览。同时支持 GitHub 和 GitLab 两个常用的代码托管网站。更贴心的是，你可以自行选择是否显示目录。

![0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1][]

# GitHub Plus #

同样作为 Chrome 的插件，GitHub Plus 提供的功能也是非常实用。能够显示代码仓库的大小，以及其中每个文件的大小和下载链接。使用这款插件，我们再也不用因为需要某个单一文件而被迫下载整个项目源码，尤其是在网速不给力的时候。

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1][]

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 1][]

# GitHub Hovercard #

使用这款插件，当你将鼠标停留在 GitHub 网站的用户头像或者仓库链接地址上时，会自动弹出一个悬浮框，带你提前预览基本信息。有点类似 StackOverflow 网站的用户头像的鼠标悬停效果。Hovercard 插件支持的悬停位置更多，包括用户头像，仓库地址，Issue 链接，个人主页等。咱们还是用图说话比较直接：

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 1][]

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 2][]

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 3][]

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 2][]

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 4][]

# Sourcegraph for GitHub #

代码搜索，查看引用，自动跳转，项目目录导航，这些 IDE 上常用的功能操作，借助 Sourcegraph 插件，都能帮你直接在线使用。如图：

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 3][]

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 5][]

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 6][]

# Octo Mate #

这款插件提供的功能与前面提到的 GitHub Plus 有点类似，展示项目大小，任意文件点击下载等。如图：

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 7][]

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 4][]

# Awesome Autocomplete for GitHub #

GitHub 智能搜索插件。有点类似自动补全功能，实时监听输入的搜索关键字，自动列出相关内容。正如官方介绍那样，致力于打造 GitHub 上最好的搜索引擎，助你在搜索仓库和用户方面，比以往更快人一步。

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 8][]

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 9][]

# Isometric Contributions #

3D 像素立体展示 GitHub 上的仓库提交记录。相比传统的方块图表，更有美感。当然，使用这款插件之后，你可以自由切换展示方式，而不是一刀切。

![640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 10][]

高效率管理工具

前面提到的都是 Chrome 的插件系列，基本上可以解决平时我们使用 GitHub 在线搜索或者浏览某一仓库时所遇到的痛点问题。但是还有一个很重要的痛点没有解决，那就是我们 Star 过的仓库管理问题。

任何一个 IT 领域，GitHub 网站都有成千上万个优秀开源项目可供参考学习。所以，收藏关注几十几百个项目是再平常不过的一件事了。没有标签，没有便捷的检索功能，如何高效率地管理这些关注过的项目呢？也许你可以尝试这些网站提供的工具。

# OhMyStar2 #

强力推荐 OhMyStar2 客户端，号称是管理 GitHub Stars 最好的方式。自动同步 GitHub 账号的 Stars，拥有标签和评分两种分类方式助你分组管理项目，根据名称、日期等指标自动排序，三方分享功能，甚至提供每日 Trending 浏览，说是最好，名符其实！

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 5][]

# Astral #

也是提供标签式的方式管理 GitHub 账号关注的项目。只不过，通过网站在线管理，没有提供 PC 版客户端。免费试用。

![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 6][]

# Insight.io #

这个工具使用起来有点类似 IDE，提供开发中常用的快速导航、代码搜索功能、查看引用和点击跳转等功能。

![0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1 1][]

我想，有了这些工具，一定能大幅提高我们程序员使用 GitHub 时的效率。工欲善其事，必先利其器。站在巨人的肩膀上，更容易事半功倍。利用好工具，换种角度来看，也是一种不可忽视的能力。

从事 IT 行业以来，越发觉得，互联网对于我们每个人来说，都是公平的，如何开拓视野，利用网络平台提升自己的学习能力和工作效率，显得尤为重要。很庆幸，我们都在这个最潮流的行业，共同学习，一起进步。

备注：更多开发中的优秀 Chrome 插件，可访问我的 GitHub 仓库地址：https://github.com/Mike-bel/awesome-chrome-plugins

原文链接: https://mp.weixin.qq.com/s/0jicBaX9wdwdVfMX-Kfpxw

[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1]: /images/20220609/c2f59a8da00c474881bad67cc9e0f420.png
[GitHub]: http://mp.weixin.qq.com/s?__biz=MzAwNzc0NjAxMg==&mid=2653391205&idx=1&sn=7a960d569f2ee0d198791dd5db5629f5&chksm=80aa51d6b7ddd8c040ddb8ff84e04c5a611fe105c7c6c38804f37950a052da337b90efec62bd&scene=21#wechat_redirect
[0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1]: /images/20220609/153aa1d3067b4b5496afa616dbf6546a.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1]: /images/20220609/35ddd7a67e00499ea651a829c7fa9fe7.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 1]: /images/20220609/0c0b6f0aec3f49f495ecbab9f975ca9c.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 1]: /images/20220609/25494c71b77e440db5a8b6fd5e53264b.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 2]: /images/20220609/90aa1d987a8c44c9a8010147553a267d.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 3]: /images/20220609/31df1988eea14ac8a1a41406ddb56ea7.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 2]: /images/20220609/3974cb77f63d4a98baa6cadff66fa8a2.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 4]: /images/20220609/f32bb0b4923c4554bab8fc602648d65b.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 3]: /images/20220609/554cadb30a9a4c4c81006e3fe124a9f0.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 5]: /images/20220609/cae4a08b71794c52b9f7791fcc5ca6ec.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 6]: /images/20220609/5f48392a77b240409eb5abcf7ddac887.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 7]: /images/20220609/2e5142b758b048e28781340757146319.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 4]: /images/20220609/385a2c7785924d4880c7b23d76224c50.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 8]: /images/20220609/2f04671601c34c55927152bad611e9cf.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 9]: /images/20220609/c9053baf1fad4322b121e20e50b8f146.png
[640_wx_fmt_jpeg_tp_webp_wxfrom_5_wx_lazy_1 10]: /images/20220609/17491be57c414b9baf82dd23acdb3075.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 5]: /images/20220609/051d354d6bca4296922d5c0f52ead792.png
[640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1 6]: /images/20220609/d490b5442ded4e0bb74d71abc0653702.png
[0_wx_fmt_gif_tp_webp_wxfrom_5_wx_lazy_1 1]: /images/20220609/1eb804644d4345c0957b46d9906ddb1b.png