Octotree实用工具推荐GitHub/GitLab 代码结构浏览插件

最新推荐文章于 2025-05-27 21:18:33 发布
原创 最新推荐文章于 2025-05-27 21:18:33 发布 · 5.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 

Octotree是一个游览器插件，目前支持有的游览器有Chrome, Firefox, Opera 和 Safari。可以在GitHub和GitLab显示代码机构，类似于sublime编辑器的目录结构，方便查看代码

github地址: https://github.com/buunguyen/octotree


小松平时用的都是chrome游览器，现在来安装一下


打开网址

扩展下载地址 https://chrome.google.com/webstore/category/extensions?hl=zh-CN


搜索Octotree，直接点添加至CHROME就可以了，我的已经安装过了所以显示的不是添加


Octotree扩展安装


PS.如果打不开，上面的扩展地址请在hosts添加


220.255.2.153 chrome.google.com
hosts的ip可能会失效，如果失效请看文章【不用翻墙软件也可以访问google】
安装好插件之后左边会出现一个箭头，以为直接会显示目录结构，没想到隐藏了
Octotree显示按钮
点击箭头就显示目录结构了
Octotree目录结构

QQ交流群：136351212
查看原文：https://www.phpsong.com/2590.html
carson
关注
Github插件之 octotree
02-20
Octotree 是国外程序员Buu Nguyen 做的一个 Chrome 插件。安装之后可以可视化在线浏览托管在Github或Gitlab上（ 2.0.1版本后开始支持Gitlab）的项目代码，以左侧的树形结构更方便地查看代码，有点IDE（集成开发环境） 式的感觉，用起来非常的赞。另外，内附使用说明哦
推荐一款GitHub超实用的可视化代码树插件：Octotree
热门推荐
徐刘根的博客
11-13 1万+
Code tree for GitHub and GitLab先上图不说话！看图就知道了！大家在GitHub查看代码的时候，是不是会经常跳转搜索代码！过一段时间就不知道自己跑到哪里了！有了这款工具，再也不用担心找不到位置了！GitHub开源项目代码https://github.com/buunguyen/octotreeBrowser extension (Chrome, Firefox, Oper
代码管理：GitLab Workflow 插件
最新发布
xuukai的博客
05-27 967
打开文件并选择要突出显示的行后，在命令面板搜索 “GitLab: Open active file on GitLab”，按下回车键，即可在新的浏览器标签页中打开该文件的 GitLab UI，并突出显示特定的行。：在 VS Code 中点击左侧边栏中的 GitLab 图标，点击右上角的齿轮图标，选择 “Configure GitLab”，输入 GitLab 的 URL 和访问令牌，点击 “Save”。
gitlab tree-crx插件
03-24
语言:English Chrome扩展程序以树格式显示Gitlab代码 *这是chrome网上商店中的第一个商店，始终免费且不断进行优化。 *支持所有企业Intranet gitlab服务*易于浏览的代码树，例如Web IDE，简单且无创* UI类似于Gitlab默认UI *热键支持（点击[切换gitlab-tree侧边栏）*支持gitlab 8。 x和9.x版本*没有页面刷新
SpanTree - GitLab Tree-crx插件
03-24
语言:English Gitlab的树 使GitLab更智能。 GitLab的Octotree替代品。 通过提供熟悉的树结构，SpanTree使浏览GitLab存储库变得轻而易举。 :deciduous_tree:现在支持快速搜索using使用Ctrl /⌘+ P尝试一下:deciduous_tree:功能:deciduous_tree:易于浏览树结构:deciduous_tree:调整树的大小以方便使用:deciduous_tree:支持自托管的GitLab实例（与GitLab v12及更低版本兼容的模式）:deciduous_tree:懒加载的文件结构以实现快速响应的用户界面G用于GitLab的内置深色主题:deciduous_tree:快速搜索您的存储库（自动主题（从GitLab主题中选择颜色）SpanTree是一个积极维护的，始终免费的开源项目。 请随时通过https://github.com/tavyandy97/span-tree报告任何问题或请求任何功能。
chrome浏览器插件 Octotree 让你浏览GitHub的时候像IDE 一样提供项目目录
loginnamess的博客
05-06 259
GitHub 作为代码托管平台，竟然没有提供项目目录，方便用户在线快速浏览项目结构。所以，在线分析项目源码就会变得很繁琐，必须一层一层点击，然后再一次一次地向上返回。要知道，本来 GitHub 网站在中国区的访问就已经很慢了。最无奈的做法就是，下载到本地，再使用 vs 等编辑器打开。 Octotree 作为 Chrome 浏览器的一款插件，刚好解决这个使用痛点。他能够像 IDE 一样提供项目目录，快捷导航，方便浏览。同时支持 GitHub 和 GitLab 两个常用的代码托管网站。更贴心的是，你可以自行选择
掌握Octotree：提升Github代码浏览体验
Octotree插件对于经常需要浏览代码库和进行代码审查的开发者来说，是一个非常实用的工具。它简化了在线代码浏览的过程，提供了快速访问代码结构的能力，提升了开发效率。在兼容性和安全性方面，用户需要进行适当的...
Node.js开发：浏览器扩展呈现GitHub和GitLab代码树
它的主要功能是在GitHub和GitLab这样的代码托管平台上，为用户提供可视化的代码树视图。这样，开发者和用户可以更加直观地浏览和理解项目结构。" 在这个标题和描述中，我们可以提取以下知识点： 1. 浏览器扩展的...
GitHub 插件和工具
10-09
**用途**：Octotree 是一款非常实用的 Chrome 浏览器插件，它可以为 GitHub 和 GitLab 提供类似于 IDE 的项目目录浏览体验。通过该插件，用户无需逐层点击文件夹，便可轻松查看项目结构，极大地提高了浏览项目的效率...
如何轻松安装GitHub插件Octotree
需要注意的是，虽然Octotree为GitHub用户提供了一个非常实用的工具，但是使用时也应当注意数据安全和隐私保护。对于敏感的代码仓库，或者在公共计算机上使用时，用户应该了解插件的权限设置，并且限制必要的权限以...
GitLab File Tree-crx插件
03-10
将在git lab合并请求页面上显示文件树。 ＃GitLab文件树将在GitLab合并请求页面上显示文件树。 ##功能在查看合并请求时，在左侧面板中添加文件树。 *单击以转到文件*自动展开折叠的差异*以合理的排序顺序显示文件*区分已更改，已删除和已移动文件*几乎看起来是GitLab的本机##版本-现在可作为chrome扩展名[最新]（ https://cimpress.githost.io/gitlab-extensions/gitlab-file-tree/tags）##开发1.将存储库克隆到本地目录。 2.在chrome中，通过导航至chrome：// extensions打开“扩展管理”页面。 -也可以通过单击Chrome菜单，将鼠标悬停在“更多工具”上，然后选择“扩展程序”来打开“扩展程序管理”页面。 3.通过单击开发人员模式旁边的切换开关启用开发人员模式。 4.单击LOAD UNPACKED按钮，然后选择此文件夹。 支持语言:English
Gitlab TreeView-crx插件
03-09
代码树Gitlab Chrome扩展程序可在GitLab上显示代码树:)功能-快速预览代码-GitLab UI样式-搜索文件-支持gitlab 9.x版本 支持语言:English
Gitlab TreeView Fork-crx插件
03-10
Gitlab的代码树 适用于Gitlab Chrome扩展程序的代码树，可在GitLab上显示代码树：)来自Gitlab TreeView的Fork已修复-修复gitlab api功能-快速预览代码-GitLab UI样式-搜索文件-支持gitlab 9.x版本 支持语言:中文 (简体)
gitlab统计小应用
05-08
是用了Node.js , Chromium , and Electron做的小程序，可以读取gitlab中的数据形成统计信息。 统计的信息是：分组 库 创建日期 活动日期 readme commit计数 磁盘占用 LFS。可以直接复制出来粘贴成excel. 分步指南 1.下载字zip得到 electron-v4.1.4-win32-x64.zip和app.7z 2.解压app到electron-v4.1.4-win32-x64\resources，形成 resources\app\index.html的位置 3.复制config.yml到electron.exe相同目录 4.打开config.yml编辑gitlab地址和token 5.执行electron.exe，可以看到统计输出
Gitlab Board + Chrome扩展程序「Gitlab Board+ Chrome Extension」-crx插件
03-10
该扩展允许向Gitlab Board添加一些功能。 使用此chrome扩展程序，您将能够在Gitlab板上的卡上添加颜色。 如果不考虑已启用的限制，此扩展名还将更改列的颜色。 支持语言:English
GitLab代码仓库构建
weixin_46686835的博客
03-13 228
GitLab代码仓库构建 GitLab代码托管仓库最近火，原因是它是DevOps中中要的一环，与Git相比, 除了涵盖Git所有功能, 同时又提供方便的后台管理, 非常适合企业使用, 下面简单介绍下GitLab的搭建, 当然, 官方文档有提供相应的方法, 但实际操作过程中, 并没有那么顺利. 安装依赖 yum install -y curl policycoreutils openssh-server openssh-clients systemctl start sshd # sshd服务默认是启动的
git 源代码自动检查_gitlab-tree — gitlab代码查看必备神器
weixin_39732866的博客
12-20 1611
废话不说，先上下载链接：Gitlab-Tree缘起Gitlab作为现在互联网企业的标配，是一款非常优秀的代码源代码管理工具。在日常工作中常常需要查看其他系统的代码，有时候仅仅需要查看某个项目的某个文件，如果把整个代码库(repository)克隆(clone)到本地再查看并不是一个省时省力、高效率的办法。基于这种场景，一款可以在线查看gitlab代码的辅助工具诞生了——gitlab-tree,简单...
神器octotree
平凡
03-23 5881
在Github上查看源代码的体验十分糟糕，尤其是从一个目录跳转到另一个目录的时候，非常麻烦。 直到遇到这款神器，相见恨晚！！ 具体安装及使用步骤参考： https://www.cnblogs.com/12yang-ting/p/7485264.html 使用效果见下图： ...
基础架构三：代码仓库gitlab
weixin_39798643的博客
10-02 245
01 step1 docker搭建gitlab #JUST RUN：       mkdir /opt/cmp_gitlab;cd /opt/cmp_gitlab    wget   https://raw.githubusercontent.com/Thomas-YangHT/docker-compose/master/cmp_gitlab/dockerrun.sh #gitlab代码...
Antcode扩展：GitHub/GitLab全仓库代码审查插件
标题中提到的“Antcode Full Repo Review Extension-crx插件”指的是一个用于GitHub或GitLab的代码审查扩展程序。CRX是Chrome扩展程序的文件格式，这种格式的文件通常用于安装在Chrome浏览器中的扩展程序。 从描述...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值