如何生成TypeScript UML类图?

Mhd*_*Mhd 5 uml visual-studio typescript

我正在使用Visual Studio 2015创建Web Apps,而我刚开始使用TypeScript

随着项目的扩大,我想知道是否有一种方法可以TypeScript使用Visual Studio,扩展或任何其他免费工具来获取UML 代码图。

Rav*_*erg 14

我正在使用来自 AlexShen 的名为 classdiagram-ts 的 VSC 扩展,它做得非常好,它可以用于为文件或文件夹创建图表,还可以让您重新定位和导航到字段、隐藏成员和其他很酷的选项。

https://marketplace.visualstudio.com/items?itemName=AlexShen.classdiagram-ts&ssr=false#overview

  • 请注意,这不是开源的:“这是一个个人闭源项目,没有公共存储库。” (2认同)

小智 6

我建议不要使用 TsUML 做任何事情。您将其作为常规 NPM 软件包进行安装,但随后它使用了一些粗略的在线服务。将 Tsuml 用于专有项目似乎很危险。


zmf*_*zmf 5

你可以试试tplant。这是https://github.com/pascalerni/abap2famix/tree/master/src 上的打字稿类的示例

打开“合成”选项的 tplant

我目前使用但需要 VSCode 的另一种选择是:vscode-ts-uml

  • 请小心,该工具使用远程服务器 (4认同)

小智 4

对于 Visual Studio: https://marketplace.visualstudio.com/items? itemName=AzadRatzki.TypeScriptDiagram#overview

对于 vscode : https: //github.com/remojansen/TsUML

或者

我建议使用 JSDoc 约定对 TypeScript 代码进行注释,编译 TS 代码而不删除注释(在 tsconfig.json 中将removeComments 设置为 false),并在 JS 文件上使用文档生成器。

基于此,您也许可以找到一个从 JSDoc 生成 UML 图的工具:JSDoc UML 图

  • TsUML 在不告诉您的情况下将您的代码上传到他们的服务器上。 (30认同)