【问题标题】：How to generate TypeScript UML class diagrams in VS Code?如何在 VS Code 中生成 TypeScript UML 类图？
【发布时间】：2023-03-20 22:04:01
【问题描述】：

是否有任何工具可以从 TypeScript 或类似语言的项目中生成 UML 类图？

【问题讨论】：

【解决方案1】：

使用 Jetbrains 的 IntelliJ 编辑器引入的 UML 图 功能，它与 typescript 配合得非常好。

打开图表弹出窗口

转到设置 >>> 搜索 uml 并找到它的键盘快捷键。

或

右键单击类名>>> 图表 >>> 显示图表弹出窗口

显示类属性和方法：

右击图表弹出窗口>>>显示类别>>>方法or属性

【讨论】：

【解决方案2】：

对于打字稿：

ALM TypeScript 编辑器包括此功能： https://github.com/alm-tools/alm/issues/84

但它看起来只为单个类创建图表，而不是具有继承关系的项目的完整层次视图。
Tsviz 是另一个有前途的项目：https://github.com/joaompneves/tsviz

它会生成完整的项目图。但是，它看起来已经过时并且不适用于最新的 TypeScript 版本。我正在开发一个更新的分叉。

【讨论】：

【解决方案3】：

请使用 Jetbrains 的 IntelliJ 编辑器。它具有根据现有代码绘制UML图表的功能。

【讨论】：