Octotree插件安装
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说明文档操作
- Install node 8 or above
- Run
npm install
to install dependencies - Run
npm start
to watch code changes and build unpacked extensions - Load the unpacked extensions in the
tmp
folder (check instructions of the specific browser) - 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天哦,喜欢的小伙伴可以尝试一下啦!
Octotree插件安装相关推荐
- octotree插件 --- 将 Github 项目代码以树形格式展示
简介 octotree 是一款chrome插件,它可以将 GitHub 项目代码以树形格式进行展示,非常适合我们探索项目源,并且我们可以下载指定的文件,而无需将整个项目都下载下来. octotree下 ...
- vue-devTools插件安装流程
vue-devTools插件安装流程 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 ...
- Android Eclipse之Git插件安装、配置、提交、修改、冲突、查看历史、覆盖。
为什么80%的码农都做不了架构师?>>> 首先进入eclipse插件安装功能页面,这个就不多说了,下面给出截图,如果不会的也不必往下看了. 安装Git 一:Eclipse工具栏 ...
- MyEclipse插件安装
一.安装方法: 方法一.如果可以上网可在线安装 1. 打开Myeclipse,在菜单栏中选择Help→Software Updates→Find and Install; 2. 选择Search fo ...
- crx header invalid_解决Chrome插件安装时程序包无效【CRX_HEADER_INVALID】(转载+xPath插件)...
最近安排让协助开发/维护爬虫工具类,主要涉及到网页内容的获取,主要使用python+xPath作为解析库,初次认识,感觉还不错! https://www.w3.org/TR/xpath/all/ ht ...
- jupyter notebook快捷键总结及重要插件安装
1.命令模式 (press Esc to enable) F: find and replace Ctrl-Shift-P: open the command palette Enter: enter ...
- google浏览器插件安装时出错,Package is invalid: CRX HEADER INVALID
google浏览器插件安装时出错,Package is invalid: CRX HEADER INVALID 原文件 将.crx结尾的扩展文件改为rar或zip结尾,变成压缩文件 然后解压这个文件 ...
- Sublime Text 3便携版下载安装和常用插件安装--顺便解决报错An error occured installing和no packages available for install
文章目录 Sublime Text 3便携版下载安装和常用插件安装 1.Sublime Text 3便携版下载: 2.sublime 插件控制器(Package Control)安装 2.1离线安装P ...
- 134安装教程_PS教程连载第135课:PS第三方插件安装方法
点击图片 1元抢购 PS.PR.AE等课程活动 PS教程连载第135课 PS第三方插件安装方法 格式:mp4视频 素材领取:请查看文章底部 现在有许多外挂滤镜开发商将滤镜的安装程序设计的非常人性化 ...
- nodejs安装及npm模块插件安装路径配置
在学习完js后,我们就要进入nodejs的学习,因此就必须配置nodejs和npm的属性了. 我相信,个别人在安装时会遇到这样那样的问题,看着同学都已装好,难免会焦虑起来.于是就开始上网查找解决方案, ...
最新文章
- Window平台下的Android的环境配置
- 05构建之法阅读笔记之三
- linux-telnet服务配置
- php中的unbuffered_row,php – 加载数据infile和unbuffered查询错误
- java:十进制转十六进制
- 如何使用Proxy模式及Java内建的动态代理机制
- 来自天秤座的梦想_天秤座:单线全自动机器学习
- 后端技术:IDEA构建maven项目生成的文件详解
- 2021牛客第四场-E Tree Xor-线段树区间异或
- MangoDB基础-02
- 【图像去噪】基于高斯滤波、均值滤波、中值滤波、双边滤波四种滤波实现椒盐噪声图像去噪附matlab代码
- 【足式机器人--躯干状态估计】(8)躯干状态估计(位置、姿态、速度)代码解析
- Justinmind,为移动设计而生
- 百度地图海量点位渲染造成卡顿问题解决
- 源码推荐 VVebo剥离的TableView绘制
- 【原创】产品型IT公司向服务型公司转型
- k8s-集群管理系统-KubeSphere2.1.0搭建与测试
- 敏捷遇上UML(深圳 2014.3.15)- 活动报道
- 今天收留了一条流浪的小狗
- python opencv打开图片 关闭_自学python-opencv(9)图像开闭操作