Octotree插件

1. 概述

Octotree插件能够以树形展示 Github 项目、码云项目代码。
安装之后，浏览托管在Github上的项目，可看到左侧的树形结构，更方便查看代码。

2. 谷歌Chrome浏览器安装扩展插件

几种常见的Chrome浏览器安装扩展插件安装方法。
因为火狐的比较简单，可以在线安装，就不做介绍了。

2.1 下载谷歌浏览器

• Windows版Chrome
• Mac版Chrome

2.2 安装

2.2.1 离线安装

1. 下载插件

在谷歌商店或者CrxDL搜索下载待安装的Chrome插件，下载完成后，将下载的压缩包解压，我们以Octotree插件为例：

谷歌商店，搜索框中搜索 octotree

很可惜，点击安装下载之后，发现octotree插件版本太低。目前最新版本是3.0.10版本。

CrxDL网站下载octotree插件

2. 安装插件

（1）打开Chrome浏览器，复制chrome://extensions/ 到浏览器地址打开，点击右上角开启开发者选项，最后将文件夹内.crx后缀的离线安装包拖动到打开的页面，松手，根据提示完成安装。

（2）如果安装插件时遇到程序包无效：“CRX_HEADER_INVALID”等错误，可以查看：安装Chrome插件.Crx提示程序包无效：“CRX_HEADER_INVALID”

（3）在第二种方法中方法1与（1）方法重复，补充第三种方法。

• github上下载源码
  插件链接
  
• 解压到任意盘

D:\Git-2.22\octotree-3.0.10

• 按照README.md说明文档操作

1. Install node 8 or above
2. Run npm install to install dependencies
3. Run npm start to watch code changes and build unpacked extensions
4. Load the unpacked extensions in the tmp folder (check instructions of the specific browser)
5. Please follow existing style for new code

• 查看生成的目录结果
  
• 从chrome://extensions/中按照截图操作
  
  选择D:\Git-2.22\octotree-3.0.10\tmp\chrome
  
  这个步骤中可以看到有firefox（火狐），opera（欧朋）文件夹，所以在这两个浏览器中也可以使用该种方法离线进行安装。

至此就会看到Octotree插件成功安装：

2.2.2 在线安装

PS：目前在线安装，国内不好直接安装，建议离线安装。

复制下方Chrome官方插件应用商店的地址https://chrome.google.com/webstore/category/extensions?hl=zh-CN，在浏览器器地址栏打开。（国内网络无法直接打开，需安装网络工具,哈哈，很可惜，这个链接不能打开是因为谷歌被国内封杀，你可以翻墙）

3. 预览效果

谷歌浏览器中浏览github上查看octotree源码的效果图。

这个源码环境搭建的是免费版本的octotree，它也有octotree pro收费版的，功能更多，可以参考octotree pro ，不过可以免费使用octotree pro 30天哦，喜欢的小伙伴可以尝试一下啦！