GitCodeTree-github代码查看插件

GitCodeTree Chrome插件是基于Octotree的码云文件树插件,在Gitee、GitHub上显示代码树,不用clone到本地就能查看项目结构

插件背景

GitCodeTree是一个好用的浏览器插件,在Gitee、GitHub上显示代码树。不用clone到本地就能查看项目结构

插件安装

1、你可以从chrome应用商店里找到GitCodeTree插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到GitCodeTree插件下载地址

2、离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决

GitCodeTree-github代码查看插件插图

插件特征

* 就像在IDE一样简单易用的代码树
* 快速浏览文件,不会刷新页面
* 支持私人存储库 Gitee登录后就可查看, Github 需要填写access_token)

插件二次开发

将项目clone到本地
在src/adapters/中为你想要支持的网站添加一个类(可复制src/adapters/github.js并修改)
根据情况实现 _getTree 或 _get 方法,用于获取项目树
实现 updateLayout 方法,用于修改页面布局
实现 selectFile 指定pjax替换的html元素,用于不刷新切换文件
在 src/octotree.js中添加你修改好的类
在 src/config/ 插件配置文件中添加你想要支持的网站
chrome中调试: 使用gulp chrome命令,打开chrome://extensions/,点击加载已解压的扩展程度,选择src/tmp/chrome
打包: 使用 gulp dist 命令打包

插件使用说明

热键: GitCodeTree 使用 keymaster 注册热键。查看 支持的按键.
记得栏可见性: 如果勾选此项,基于其可见性显示或隐藏GitCodeTree.
在非代码页: 如果勾选此项,让GitCodeTree等非代码页的问题和请求.
一次加载整个树: (仅支持github) 如果勾选此项,进入项目页面时GitCodeTree将加载整个项目树。如果您经常访问非常大的项目,为了避免长时间加载,请勿勾选此项.

GitCodeTree-github代码查看插件插图1

GitCodeTree插件下载地址
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!

发表评论