在无限的画布上查看代码流和文件连接。
以更直观的方式探索文件关系、了解应用程序流程并深入了解项目结构。
作者自述背景:
当我难以理解分布在多个文件中的复杂功能之间的关系时,我想到了这个想法,特别是在React项目中,有多个相互连接的组件,这些组件具有从全局状态存储传递或导入的道具。
在使用Figma很长一段时间后,我想,如果我们可以有一个类似的界面,但用于可视化代码呢?一切就是这么开始的。
目前,它专注于React和JavaScript / Typescipt代码。
如果这是你想尝试的东西,你认为这是有用的,我会感谢任何反馈或错误报告。这仍然是一个项目,我仍然在努力,增加新的功能和改进。
https://www.youtube.com/watch?v=_IfTmgfhBvQ&feature=youtu.be
极客辣评
有了这个扩展,我终于可以向非技术人员解释为什么“意大利面条代码”被这样称呼。
说实话,这东西简直是宇宙级神器!我们公司天天和那种巨无霸代码仓库打交道,动不动就几百万行,别人还在慢慢翻目录,我已经被老板催着“光速吃透”内部机制。以前我全靠人肉扫描,眼睛都快看成二维码了,或者求爷爷告奶奶让Cursor给我画Mermaid流程图,画出来的图比我命还长……
现在可好了!这插件直接救命!虽然我这周末才打算试,但我已经提前给它跪了!等我用了,绝对回来给你刷十吨彩虹屁!
这真的很有趣。我正在构建一个nextjs应用程序,我认为它有很大的潜力,但即使对于MVP来说,我也构建了太多,而且范围越来越大,我觉得这对于人工智能上下文的隔离代码块非常有用..
我过去使用过一些依赖图工具来理解代码库。这看起来基本上就是这样,但这是在vsCode中