Chrome教程

GitHub 目录地狱终结者!Octotree 用过一次就上头了!

今天这篇分享我们来聊个非常“接地气”的浏览器外挂神器——Octotree。

说真的,用了这个插件之后,我差点一口老血喷在 GitHub 的官方页面上——“你们早干嘛去了???”

Image

1)GitHub 文件夹浏览体验,真的太拉了!

作为一个天天逛 GitHub 的老码农,我得说句实话:

GitHub 自带那个文件夹浏览体验,属实反人类。

你想想,一个几千个文件、几十层目录的项目,要找个文件得一层一层地“点进去-退出来-再点进去”,点多几次,心态直接爆炸。

Image

之前我调试某个 TypeScript 大项目,文件结构复杂到爆,一个 utils 文件夹底下还有十几个 utils 子模块,鼠标点得我食指都快抽筋了…

2)偶遇 Octotree,一试直接封神!

某天我逛论坛瞎转,看到有人说:“Octotree 让 GitHub 变成 VSCode。”

我当时心里一哼:你说得轻巧,插件我见多了,能用的没几个。

结果一装上……真香警告!!!

左侧直接出来个完整的目录树!!GitHub 秒变 IDE!

这体验太熟悉了,跟 VSCode 左栏一模一样,展开、收起、跳转,全流程一把梭。

Image

重点是——你在浏览器里,啥都不用 clone,直接看!

3)性能惊艳,连大项目都秒加载!

我本来还担心,Octotree 会不会卡?特别是我们公司那几个变态项目,几十 MB 代码量,上千个 JS 文件。

结果用下来简直封神!

加载速度快到离谱,点哪儿哪儿开,目录展开流畅得像 butter。

我那台老伙计 MacBook Pro 13 寸 M1,带得动不说,连风扇都懒得转一下。

你说这种优化水平,能不服?

Image

4)书签 + 同步:GitHub Review神器!

真正让我感到震撼的是它的“书签功能”。

Image

以前我 review 别人 PR,一个模块涉及 7~8 个文件,每次找都得翻半天。现在好了——

直接对文件打书签,下次打开 GitHub,点一下就直达“作战现场”!

更爽的是,它还能同步设备。我家里用台式机,单位用笔记本,登录同一个账号,书签全都自动同步,效率翻倍再翻倍!

5)界面融合自然,完全不像外挂!

这点必须给设计团队点赞:

Octotree 的 UI 融合 GitHub 页面完全无违和感。

默认是浅色风格,清爽;黑夜主题也支持,跟 GitHub 夜间模式对得上。

Image

一点都不像强行嵌进去的外挂,而是像 GitHub 本来就该有的功能!

我用着用着,经常忍不住心想一句话:

“GitHub 你怎么还不把这插件收购了??”

6)搜索强 + 替代 VSCode 某些场景!

还有个亮点:目录树级别的搜索功能。

你是不是也受够了 GitHub 原生那个“啥都搜一遍”的全局搜索?一搜文件名,结果一堆 issue、commit、作者名……

Octotree 不一样,它在目录树里查文件名,非常精准!再结合我自己用的 Obsidian 笔记,简直比在本地 clone 然后 VSCode 打开还高效!

7)安装方便,网络复杂也能搞定!

装插件这事,我一开始还有点犹豫,怕被墙,怕报错。

后来试了下,**直接离线安装也 OK!**公众号里下载个 .crx 包,拖进 Chrome 就行了。简直傻瓜式安装,谁都能搞。

我还特地试了下 Edge 浏览器,也完全兼容。

建议装完之后,把插件图标“固定”到浏览器工具栏,方便随时开关。

8)私有仓库授权安全,细节满满!

Octotree 支持私有仓库访问,这点非常实用。

不过初次使用时,它会跳 GitHub 的 OAuth 授权流程。有人可能担心安全问题,其实大可放心:

它走的是标准 OAuth 流程,不需要你手动填 token,安全性更高。

我对这类细节特别看重,毕竟涉及工作代码,不小心泄露就麻烦了。

9)还有主题自适应,舒服到家!

再补充个小细节:它支持 GitHub 主题自适应!

Image

你白天用浅色,晚上切深色,Octotree 会跟着一起换。

有种贴心的感觉,像是团队真的用心做了体验打磨,而不是随便糊个插件。

感兴趣的朋友可以试试,我已经用到停不下来了。有问题欢迎交流,我们下篇再见!

-END-

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

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