Gitlab可视化代码树插件-Octotree

Octotree 是国外程序员Buu Nguyen 做的一个 Chrome 插件。安装之后可以可视化在线浏览托管在Github或Gitlab上（ 2.0.1版本后开始支持Gitlab）的项目代码，以左侧的树形结构更方便地查看代码，有点IDE（集成开发环境） 式的快觉，用起来非常的赞。因为我们公司一直使用的是自己部署维护的Gitlab版本托管平台，而Octotree对自己部署的Gitlab的支持需要一些小的技巧才能启用Octotree强大的代码浏览功能，故而在此记录下Octotree插件在gitlab上的使用过程，希望能帮助到有需要用到的朋友们~

1）通过Chrome市场安装Octotree，这个需要在FQ环境下才可以进行。安装成功后，默认在Chrome浏览器的右上角会有此插件图标显示。

或者点击右上角工具栏的"更多工具"->"扩展程序"，可以查看到Octotree插件

2）Octotree插件安装好之后，默认只获得了对http://github.com/gitlab.com网站的访问授权，在访问github或gitlab网站上代码的时候，Octotree会自动在页面添加一个代码浏览的按钮。 注意：如果需要支持自己维护托管的gitlab服务，还需要进行下面设置：     a）点击打开这个页面gitlab-ci-multi-runner项目的代码目录 ，如下所示

     点击上面的“设置”按钮，如下，在“GitLab Enterprise URLs”里面填写自己公司部署的gitlab访问地址，然后点击“Save”保存

     b）最后，登陆自己公司部署的gitlab，查看对应project工程的代码.如下所示：

     如下，左上角会出现一个">"按钮，点击这个按钮就可以展开显示当前代码的目录。

     代码浏览效果如下，这样以后就可以很方便浏览gitlab里托管的代码了。

点击对应的的代码文件，也就直接直接下载到本地了

---------------------------------------------------------------------------------------------    再次点击"设置"按钮，就会发现Site access token已有值了