如何生成TypeScript或ActionScript UML类图?

Dan*_*tos 14 uml class-diagram typescript visual-studio-code

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

Mas*_*rat 5

对于打字稿:

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

    然而,它看起来只是为单个类创建图表,而不是具有继承关系的项目的完整层次结构视图。

  • Tsviz是另一个有前途的项目:https ://github.com/joaompneves/tsviz

    示例生成图

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


Mou*_*eer 1

使用Jetbrains的IntelliJ Editor引入的UML 图功能,它与 Typescript 配合得很好。

打开图表弹出窗口

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

或者

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

显示类属性和方法:

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

尖端

  • 您会发现通过右键单击图表弹出窗口可以显示许多选项。
  • 您可以通过将鼠标悬停在图表对象上时按住Alt键来放大图表对象(如果有太多细节)

    在此输入图像描述

  • @PaulJohnLeonard 请不要急于做出判断。我刚刚查看了历史记录https://stackoverflow.com/posts/17931892/revisions,可以看到问题标题在答案后两年已更新。 (2认同)