推荐一款让你纵横Github的读码神器

╰半夏微凉° 2022-01-30 00:05 235阅读 0赞

当我们想深入了解一个开源项目的时候，通常我们有以下几种姿势：

**懒汉型**

通过Web的方式，逐个的点击页面寻找和查看具体的源码内容。

![16ab6c4290a95b40_w_400_h_214_f_png_s_106393][]

**优点**：不依赖任何工具，无须任何额外的操作  
**缺点**：效率低下，查找文件不便，切换查看更不便

**极客型**

通过git clone或download的方式，将项目源文件下载到本地，然后通过自己最顺手的IDE打开阅读。

![16ab6c44482ac64e_w_343_h_192_f_png_s_27629][]

**优点**：依靠强大的IDE功能可以快速的搜索以及高效的查看源码  
**缺点**：需要下载源码，并且依赖第三方工具

### 本期推荐 ###

上面的方式从效率与成本上来说，都各有优缺点。那么是不是有什么方式，可以同时兼顾呢？

下面就隆重请出本期的重点推荐：Chrome插件Octotree。

TJ我将其定义为：**优雅型**。

先来看看效果，比如我们来看看它自己的源代码（该插件本身也是个开源项目，有兴趣的读者也可以直接查看哦：[https://github.com/ovity/octotree）：][https_github.com_ovity_octotree]

![16ab6c466114ac99_w_1332_h_845_f_png_s_248869][]

可以看到，在页面的左侧区域会展现出当前打开项目的树状结构。我们可以很轻松的在这里查看到整个项目的目录结构，可以很方便的定位和打开我们想要查看的源代码文件。再也不用像**懒汉型**方式那样，一个个目录的点开刷新页面逐层查看那么笨拙、低效，同时由于通过Chrome插件的方式扩展，所以我们也不需要额外的成本支出。

所以，我觉得如果用两次字来形容，那么”优雅“二字当之无愧。如果要用一个字来形容，那么我觉得只能用”骚“字了，你们觉得呢？

### 如何安装 ###

如果您对这个插件感兴趣，并且还不知道如何安装Chrome插件，那么就继续看下去：

第一步：打开Chrome的扩展商店，搜索”Octotree“

![16ab6c485eaff8ef_w_1009_h_404_f_png_s_114166][]

第二步：在搜索结果中，点击”添加至Chrome“即可完成安装！

![16ab6c4a4cbbe3a4_w_1015_h_372_f_png_s_106691][]

第三步：重启Chrome，打开Github，开始探索神器的Github大陆吧~

**如果因为各种原因，您无法通过Google安装插件。**

**那么关注我的公众号"程序猿DD"，回复：Octotree，直接获取安装文件。**

> 本文转载自公众号：TJ君

[16ab6c4290a95b40_w_400_h_214_f_png_s_106393]: https://user-gold-cdn.xitu.io/2019/5/14/16ab6c4290a95b40?w=400&h=214&f=png&s=106393
[16ab6c44482ac64e_w_343_h_192_f_png_s_27629]: https://user-gold-cdn.xitu.io/2019/5/14/16ab6c44482ac64e?w=343&h=192&f=png&s=27629
[https_github.com_ovity_octotree]: https://github.com/ovity/octotree%EF%BC%89%EF%BC%9A
[16ab6c466114ac99_w_1332_h_845_f_png_s_248869]: https://user-gold-cdn.xitu.io/2019/5/14/16ab6c466114ac99?w=1332&h=845&f=png&s=248869
[16ab6c485eaff8ef_w_1009_h_404_f_png_s_114166]: https://user-gold-cdn.xitu.io/2019/5/14/16ab6c485eaff8ef?w=1009&h=404&f=png&s=114166
[16ab6c4a4cbbe3a4_w_1015_h_372_f_png_s_106691]: https://user-gold-cdn.xitu.io/2019/5/14/16ab6c4a4cbbe3a4?w=1015&h=372&f=png&s=106691