Chrome教程

浏览器外挂神器,Octotree:用了才知道,原来找代码可以这么爽!

我得承认,我以前用 GitHub 浏览大型项目的时候,真的一度快被逼疯。特别是那种动辄上千个文件、几十层目录的库,GitHub 自带的那个“点进文件夹-返回-再点进去”的浏览方式,真的是——慢慢折磨人心智。Image

后来,我也是偶然刷论坛的时候,看到了有人推荐 Octotree,说是“让 GitHub 变成 IDE”的神器。我当时想,这么夸张?结果一试……我直接跪了,简直就是“加特林”对“弹弓”的压制。

Octotree,给 GitHub 加装一个顺手的左侧代码目录树,跟你平时用 VSCode 的体验几乎一模一样。它不是某个网站或 App,而是直接嵌入 GitHub 页面的一款浏览器插件,轻轻一点就能展开整个仓库结构,再也不用像以前那样来回点击找文件,简直就是效率翻倍。Image

我最开始装这玩意儿,其实还有点提心吊胆——这种插件会不会卡?会不会被 GitHub 限制?结果用下来才发现,它比 GitHub 原生还丝滑。即便是我公司那几个变态级体量的大项目,加载起来也没半点卡顿,一层一层点目录,爽到飞起。

Octotree 真正让我感到“真香”的,是它那个书签功能。以前我在跟踪 PR 或 Review 某个模块时,经常需要反复定位同一批文件,特别烦。现在好了,直接给文件或目录加书签,下次点开就直达现场,效率提升不止一点点。而且书签还能跨设备同步,哪怕你家里和公司用的是两台电脑,也不用担心来回找不着。

另外一个小细节让我特别满意——它跟 GitHub 的界面融合得特别自然,完全不像是外挂进来的那种违和感。默认风格就很清爽,切个黑夜主题也一样契合。有时候我甚至觉得,GitHub 官方怎么还不把这玩意儿买下来原生集成进去?太合理了。

搜索功能也挺强,尤其是针对那种目录树里的文件名查找——不像 GitHub 自带的全局搜索会给你一堆 commit、issue、注释结果。Octotree 直接帮你在结构树里找文件,省事又精准。我用它配合自己的一些笔记,几乎已经能代替一部分“离线 clone + VSCode 查看”的场景了。Image

当然,它也不是没有小坑。

首先,它在离线安装的时候可能会报错提示,但其实那个提示完全可以忽略。而且离线安装这个事情,说实话还挺适合我们这些身处“网络环境有点复杂”的同学。公众号里下载个安装包,拖进 Chrome 里就装好了,基本不需要太多折腾。

还有一个是我开始没注意的点:Octotree 对私有仓库的支持是要你登录 GitHub 授权的。不过这个授权只要走一遍 OAuth 流程就好,不用多担心。比起别的工具要你填 access token 的方式,这种更安心一点。Image

对了,Octotree 其实还有个功能我平时不怎么用,但估计对很多人很有用——它支持不同 GitHub 主题的自适应,也就是说你无论是开黑夜模式还是白天主题,它都会跟着变颜色,不突兀。这种细节上的用心,其实很能说明一个插件成熟不成熟。

我自己是 Chrome 用户,Edge 也试了下,完全没问题。唯一的建议就是:装完之后最好把它固定到浏览器工具栏,这样你就可以手动开关,或者快速调整设置。

总结一下的话:Octotree 对我这种天天泡在 GitHub 上的老码农来说,属于“用了回不去”的级别。它不是那种改变你整个开发流程的大工具,但它是那种润物细无声、让你每天省下 5 分钟的效率神器。五分钟乘以一年,你想想看这多可怕。

如果你也经常翻 GitHub 上的代码,特别是要频繁阅读陌生项目结构、帮人 review 或者调 bug,那我建议你立刻装一个 Octotree 试试。说不定你哪天就跟我一样,边用边心想:Image

“为啥 GitHub 自己做不出来这么顺手的功能?”

-END-

我为大家打造了一份RPA教程,完全免费:https://www.songshuhezi.com/rpa.html

本文插件获取方式
点击下方公众号,回复关键词 chrome,即可获取对应插件