一个快速浏览 github 源代码的图形化 Web 工具

[3dwelcome]

用 SVG 技术，把 github 上的 zip 里文件，绘制成了一个个节点。只要鼠标划过，就可快速查看对应的源文件。

这样就不用打开 zip ，一个个费力去翻文件了，有时候只想快速浏览一下别人写的项目，有个整体概念。

用鼠标滚轮缩放，欢迎体验和提建议。

https://tool2d.com/

[ipwx]

git 居然在 zip 里放代码。。。。。什么破项目

[ipwx]

噢噢噢噢看错了，原来是把项目下载下来成 zip 直接看

[zcf0508]

github.dev

[ClarkAbe]

性能好像不太行......
想看看我的这个粪坑: https://github.com/ClarkQAQ/utilware
结果 40M 文件拖进去直接无响应了

[kop1989smurf]

这个和在 github 项目上点击键盘的“.”相比，有什么优势？

[3dwelcome]

@ClarkAbe 我这里可以啊，chrome 打开这 40M zip 文件，速度好像还挺快的。。

[3dwelcome]

@kop1989smurf 鼠标滑动一下看几十个文件。

很多时候 github 上的一些项目，包含很多小文件，文件太多想找主要逻辑很费力。

现在用 SVG 的方式，把大文件用大圆点表示出来，至少不会发生点半天，都是配置小文件，什么主要代码都没看到。


@zcf0508 这个 NB ，官方版本的 github1s 。

[kevinonepiece]

你需要的是这个插件？ https://img.foo.hk.cn/image-20220121114723487.png

[leaves615]

@kop1989smurf 还有这个，学习了，在线的方便呀。

[pkwenda]

@zcf0508 #3 NICE

[rimworld]

@kop1989smurf 学习了

[binaryify]

github 页面按 .
也会进入编辑器页面

[huai]

@zcf0508 #3 和 codespaces 有啥区别？

[3dwelcome]

@binaryify 我很好奇官方为什么不加一个切换图标按钮。

要不是你们提了一下，天知道页面还有个句号快捷键。

那么好的功能，藏起来多可惜。

[grewer]

我记得这个功能刚上线的时候还有通知来着 那时候应该都知道了

[ClarkAbe]

@3dwelcome 我好像发现了左边那两条线就是.........

[3dwelcome]

@ClarkAbe 哈哈，略显尴尬。

如果文件太多，我应该把节点们都往一起挤挤的。

[damngoto]

楼主自己搞的？只是把目录结构展示了，是吧？
我之前的想法是把依赖关系也描述出来。

[3dwelcome]

@damngoto 嗯，只展示了结构。
我自己的项目有写一些辅助编码工具，别的语言又不精通，解析 AST 后，再剖析依赖关系的积极性不高。
理论上这项目会长期维护。码农打江山，一半靠 Github ，慢慢堆功能吧。

[awsl2333]

github dev 就很好用了，浏览器界面按 . 按键

[cweijan]

github1s 了解一下

[numgao]

@liuhai233 是不是就是在线的 vs code 模式啊？！

[brucmao]

@kevinonepiece zhehi 哪个插件呢

[kevinonepiece]

@brucmao Octotree

[awsl2333]

@numgao 对的，github dev 只是不能编辑保存运行啥的，付费的 codespace 是完整的

[yunyuyuan]

github.dev 啥时候整合 jsfiddle 的功能，在线调试前端项目，那就香了，一个 pad 就能开发