1. 首页
  2. 技术知识

Octotree插件 – 树形展示 Github 项目代码

摘要 : Octotree是一款可以使你在github查看项目时可以清晰明了的看到项目的结构以及具体代码,使下载代码更具有目的性,减少不必要代码的下载的chrome扩展程序。


(adsbygoogle = window.adsbygoogle || []).push({});

Octotree开发背景

GitHub作为一款基于Git的代码管理工具和协同工具是很优秀的,然而作为代码浏览和搜索工具,就和IDE差的很远了。不然为什么到今天GitHub连个侧栏的文件树没有,很多开发者要专门去下载浏览器插件才能有文件树?为什么你还是需要git clone到本地在把代码装到你的IDE里才能愉快的阅读代码?是不是有想过如果能像IDE那样在GitHub上浏览代码多好?今天我们就来介绍一款Chrome浏览器插件Octotree,让你能像在GitHub上像你的IDE里一样浏览和搜索代码,让你的Github就像穿上了钢铁侠的战衣。

Octotree插件 - 树形展示 Github 项目代码

Octotree简介

Octotree的主要功能:
1.类似 IDE 的非常方便的代码目录树
2.使用 PJAX 的超快代码浏览(很快!)
3.支持公有库和私有库

Octotree使用说明

1,用户可以在chrome应用商店在线安装,也可以在本站离线下载安装。离线安装OcotoTree的方法参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?
 最新谷歌浏览器离线安装版可以从这里下载:
https://huajiakeji.com/chrome/2017-09/813.html。具体方法是打开chrome浏览器进入软件界面够,在搜索栏中输入chrome://extensions,然后在左侧的功能中选择“扩展程序”。直接拖动我们已经下载的octotree chrome插件至扩展程序界面。

随即弹出“要添加octotree吗”

Octotree插件 - 树形展示 Github 项目代码

用户点击“添加扩展程序”按钮即可进行添加。如下图所示:

Octotree插件 - 树形展示 Github 项目代码

2.添加成功以后打开github,在项目左上侧有一个三角收缩符号,点击三角符号,即可看到项目结构图以及具体代码:

Octotree插件 - 树形展示 Github 项目代码

Octotree的注意事项

1.需要初始化的时间,像nodejs这种稍微大一点的代码库要花大概1分钟多有去爬吧


2.还是初始化的问题,并没有缓存,我自己做的话应该会有缓存,出错的时候再fix就好~


总结:体验还是很赞的,如果你已经在用或者用过,请千万别告诉我~

查看更多

Octotree插件 – 树形展示 Github 项目代码下载地址

点击下载Octotree插件 – 树形展示 Github 项目代码



(adsbygoogle = window.adsbygoogle || []).push({});

转载必须注明来自:https://huajiakeji.com/web-development/2017-10/840.html

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/52970.html

联系我们