问题标签 [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.

0 投票
2 回答
603 浏览

javascript - UML 或 CASE 工具来分析 *huge* JavaScript 代码库?

我必须弄清楚一个巨大的 JavaScript 代码库是如何工作的,我想知道是否有任何 CASE/UML 工具来分析它的结构。我知道由于动态类型和eval().

0 投票
3 回答
3377 浏览

objective-c - Objective-C 的类可视化工具?

有谁知道 Objective-C 的任何静态类/代码浏览器/可视化工具?有什么可以帮助您熟悉大型代码库?

谢谢!

0 投票
17 回答
125429 浏览

git - 执行“git diff”时如何获得并排差异?

当我输入“git diff”时,我希望看到一个并排的差异,例如“diff -y”,或者希望在交互式差异工具中显示差异,例如“kdiff3”。如何才能做到这一点?

0 投票
0 回答
85 浏览

plugins - IDE 或插件来添加有用的图形或按原样说明代码?

我盯着我的代码思考文本看起来多么无聊。我看到的只是文本,没有可视化的结构。

可视化结构会很棒:

  • 背景图形,例如连接循环范围的打开和关闭括号的边缘上的 3D 半管,嵌套在 3D 中以显示循环嵌套的深度。
  • 带有箭头的连线显示 goto 语句指向的位置,目标标签的代码部分突出显示(或预览,如果超出视口)。
  • 可以渲染条件块,以正色显示“真”代码,以负色显示“假”代码,将鼠标悬停在左边缘的背景上可以显示该块的条件语句的预览(附加“== true”或“== false”取决于代码上下文)。
  • 类型的图标,显示在变量名称的前面,以便您知道它们是什么类型。
  • 更改方法的背景,显示平铺锁或钥匙,具体取决于您在方法前面键入的是 public 还是 private(如果您没有指定,这是一个很好的默认指示)。

有什么可以说明这样的代码吗?

我并不是指以某种方式表示代码或算法结构的分析生成的图形。相反,我的意思是实际说明可编辑代码的东西。

0 投票
1 回答
849 浏览

python - Racket 程序的代码可视化工具

是否有类似于Online Python Tutor提供的 Racket 程序(针对WeScheme新手用户)的代码可视化网站?不用说,它将提供一个很好的自学或学习工具。

0 投票
2 回答
3738 浏览

matlab - MATLAB代码分析和可视化工具?

我刚刚拿起了一个 MATLAB 代码库,它对文档和原始开发人员(很久以前都完成了)很轻。

我对 MATLAB 很满意,但仍然可以使用一些静态分析工具来可视化程序,以便快速了解它是如何工作的,而无需熟悉所有 148 个源文件......

对于 MATLAB,我找不到类似的东西——搜索会在 m-lint 结果上返回很多,但这不是我想要的,我对代码结构可视化特别感兴趣。

干杯

0 投票
1 回答
640 浏览

emacs - 实时可视化 s 表达式

我想写这样的 Lisp/Scheme/Clojure 代码

让它看起来有点像这样

我想在我操纵我的表情时实时看到树的变化。随着树木变大,布局将变得重要。

有没有任何工具可以做到这一点?我怀疑 Emacs 世界中可能存在某些东西。

0 投票
1 回答
3723 浏览

c++ - 有没有可以可视化C++代码结构的程序?

我有包含一百多个源文件的源代码,很难理解它的作用,函数如何相互使用,执行流程是什么......

是否有任何程序可以以易于理解的方式可视化 C++ 代码的结构?

0 投票
3 回答
12373 浏览

code-visualization - 哪个工具可以生成如此漂亮的源代码图片?

下面的例子。我很确定有在线免费工具可以做到这一点。但我失去了一个链接:(

可能有人有链接吗?

http://habrastorage.org/storage2/c43/58e/013/c4358e0133268ad6afa9a9f9ef11c4af.png 在此处输入图像描述

在此处输入图像描述

0 投票
2 回答
406 浏览

javascript - 类和/或对象的可视化表示

最近我开始从事一些用 php/js 编写的大项目。

它真的很大,我一直在回溯哪些函数在哪里被调用。

是否有任何工具可以导入所有代码文件并在类、对象、函数等之间绘制/写入连接?

问候