WebStorm 中 TypeScript 的 UML 图答案

【问题标题】：UML Diagram for TypeScript in WebSormWebStorm 中 TypeScript 的 UML 图
【发布时间】：2019-11-20 09:58:37
【问题描述】：

我遇到了以下问题：

我需要从我的 TypeScript 源代码中提供一个 UML 图。我想用 WebStorm 和 UML 插件生成图表，正如其他问题的许多答案中所建议的那样。

问题是，我得到的是文件级别的依赖关系图，而不是类级别的依赖关系图。它看起来像这样：

它显示文件和文件之间的依赖关系，但不显示文件中定义的类。

是否有可能从 TypeScript（和 TSX）源文件中获得类级别的图表？任何建议都会有所帮助，IntelliJ/WebStorm 的插件/选项或外部工具...

谢谢

【问题讨论】：

标签： typescript intellij-idea uml webstorm

【解决方案1】：

没有； TypeScript 唯一可用的图表是 模块依赖关系图，它显示了模块如何相互依赖（基于 require() 和 import 语句）。没有办法在 WebStorm 中为 TypeScript 创建 UML 类图；如果你错过了这个功能，请投票给this feature request。

网上有一些解决方案，你可以试试看：Typescript UML Visualizer，TsUML，TypeScript UML Playground

【讨论】：