是否有 VSCode 插件或 IDE 可以显示 TypeScript 函数或调用堆栈视图的依赖关系？答案

【问题标题】：Is there a VSCode plugin or IDE that can display the dependency of TypeScript functions or call stack view?是否有 VSCode 插件或 IDE 可以显示 TypeScript 函数或调用堆栈视图的依赖关系？
【发布时间】：2021-07-15 16:01:35
【问题描述】：

是否有 VSCode 插件或 IDE 可以显示 TypeScript 函数的依赖关系或调用堆栈视图？

我想显示一个可以显示 TypeScript 函数调用堆栈视图的视图？

例如：

function foo() {
  const something = a();

  const anotherThing = b();
  
  return c(something + anotherThing)
}
function a() { return a1() }
function a1() { return a2() }
function a2() { // do something }
function b() { return b1() }
function c() { return c1() }

然后我可以看到这样的视图：

【问题讨论】：

标签： javascript typescript visual-studio-code ide webstorm

【解决方案1】：

在 WebStorm 中，有一个显示调用树的 Navigate > Call Hierarchy 视图：

虽然没有办法将其表示为图表； TypeScript 唯一可用的图是显示模块如何相互依赖的模块依赖图（基于 require() 和 import 语句）。

【讨论】：