问题标签 [code-visualization]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - UML 或 CASE 工具来分析 *huge* JavaScript 代码库?
我必须弄清楚一个巨大的 JavaScript 代码库是如何工作的,我想知道是否有任何 CASE/UML 工具来分析它的结构。我知道由于动态类型和eval()
.
objective-c - Objective-C 的类可视化工具?
有谁知道 Objective-C 的任何静态类/代码浏览器/可视化工具?有什么可以帮助您熟悉大型代码库?
谢谢!
git - 执行“git diff”时如何获得并排差异?
当我输入“git diff”时,我希望看到一个并排的差异,例如“diff -y”,或者希望在交互式差异工具中显示差异,例如“kdiff3”。如何才能做到这一点?
plugins - IDE 或插件来添加有用的图形或按原样说明代码?
我盯着我的代码思考文本看起来多么无聊。我看到的只是文本,没有可视化的结构。
可视化结构会很棒:
- 背景图形,例如连接循环范围的打开和关闭括号的边缘上的 3D 半管,嵌套在 3D 中以显示循环嵌套的深度。
- 带有箭头的连线显示 goto 语句指向的位置,目标标签的代码部分突出显示(或预览,如果超出视口)。
- 可以渲染条件块,以正色显示“真”代码,以负色显示“假”代码,将鼠标悬停在左边缘的背景上可以显示该块的条件语句的预览(附加“== true”或“== false”取决于代码上下文)。
- 类型的图标,显示在变量名称的前面,以便您知道它们是什么类型。
- 更改方法的背景,显示平铺锁或钥匙,具体取决于您在方法前面键入的是 public 还是 private(如果您没有指定,这是一个很好的默认指示)。
有什么可以说明这样的代码吗?
我并不是指以某种方式表示代码或算法结构的分析生成的图形。相反,我的意思是实际说明可编辑代码的东西。
python - Racket 程序的代码可视化工具
是否有类似于Online Python Tutor提供的 Racket 程序(针对WeScheme新手用户)的代码可视化网站?不用说,它将提供一个很好的自学或学习工具。
matlab - MATLAB代码分析和可视化工具?
我刚刚拿起了一个 MATLAB 代码库,它对文档和原始开发人员(很久以前都完成了)很轻。
我对 MATLAB 很满意,但仍然可以使用一些静态分析工具来可视化程序,以便快速了解它是如何工作的,而无需熟悉所有 148 个源文件......
对于 MATLAB,我找不到类似的东西——搜索会在 m-lint 结果上返回很多,但这不是我想要的,我对代码结构可视化特别感兴趣。
干杯
emacs - 实时可视化 s 表达式
我想写这样的 Lisp/Scheme/Clojure 代码
让它看起来有点像这样
我想在我操纵我的表情时实时看到树的变化。随着树木变大,布局将变得重要。
有没有任何工具可以做到这一点?我怀疑 Emacs 世界中可能存在某些东西。
c++ - 有没有可以可视化C++代码结构的程序?
我有包含一百多个源文件的源代码,很难理解它的作用,函数如何相互使用,执行流程是什么......
是否有任何程序可以以易于理解的方式可视化 C++ 代码的结构?
code-visualization - 哪个工具可以生成如此漂亮的源代码图片?
下面的例子。我很确定有在线免费工具可以做到这一点。但我失去了一个链接:(
可能有人有链接吗?
http://habrastorage.org/storage2/c43/58e/013/c4358e0133268ad6afa9a9f9ef11c4af.png
javascript - 类和/或对象的可视化表示
最近我开始从事一些用 php/js 编写的大项目。
它真的很大,我一直在回溯哪些函数在哪里被调用。
是否有任何工具可以导入所有代码文件并在类、对象、函数等之间绘制/写入连接?
问候