node.js - VS Code - 从 node.js 项目生成 UML

Question

有没有办法从 VsCode 中的 node.js 项目生成 UML？
我发现在 Visual Studio 中是可能的，例如 this例子。
我应该怎么做 vsCode？
谢谢!

Answer 1

更新 @ 2021 - 六月 - 24 日 16

编辑:

"@Christophe asked if I had any experience using Round-Trip Engineering in the comments section below — and I wont explain the details — but that question led me to realize that in order for my answer to be correct, I would need to edit out a couple inaccuracies."

V.S. 中的 UML 支持代码

我想通过向读者展示 VSCode 提供哪些 UML 支持和 UML 工具，以及在 UML 工具能力方面真正转化为什么来回答这个问题。
你问， “VSCode 是否支持 Node.js 的 UML？ 问题的答案不是黑白分明的。@Christophe 在下面的评论中指出 VSCode 与 IDE 不同(这可能会令人困惑，因为 Visual Studio 是一个 IDE)。VSCode 是一个编辑器，因此与 Visual Studio 2021 不同，VSCode 不支持许多“开箱即用”之类的 UML 功能，并且随着编辑器的发展，对 UML 之类的支持在很大程度上是通过第三方开源软件。所以是的，VSCode 通过使用第三方扩展来支持 UML，但是，究竟什么是 UML 支持？

UML 支持是什么样的？
我一直认为 UML 是一种可以转换为 OOP 代码的伪语言，反之亦然:如果像 Java 或 C++ 这样的语言正确格式化其代码，则代码可以转换为 UML 图，但事实证明我在我的理解中只对了一半。最基本形式的 UML 不向语言添加任何功能，也不改变或改变语言。
UML 或统一建模语言是一种语言，它实现图形符号和交换格式，用于为工程软件创建蓝图(或图表)，并指定语义。因此，换句话说，笔和纸带有对 UML 的“开箱即用”支持。当这样看时，是的 VSCode 有支持，但是，VSCode 不支持通常与 Visual Studio、IntelliJ 和 ECLIPSE 等 IDE 中的 UML 结合使用的额外功能(或工具)。

最后的答案是？？？
那么它的黑白...

白色的:
一方面我会说 是 ，只要支持被定义为简单地生成 UML 图。如果是这种情况，那么 VSCode 可以通过安装 3rd 方扩展来获得支持。这个答案的底部是一个扩展列表。需要注意的是，为了生成图表，语言不必是 Node.js，它可以是任何东西。

黑色的:
答案的阴暗面是，如果通过 Generate，您的意思是从您使用 VSCode 扩展创建的图表中生成抽象类，那么 否 VSCode 不提供这种级别的支持，您很可能需要使用更流行的 IDE 之一来获得它。

用于 UML 支持的 VSCode 扩展

#01 | NGRX-UML @ “immament.vscode-ngrx-uml”

所以我没有使用过这个，也许它有一些功能可以从代码生成 UML，或者从 UML 生成 OOP 类。我认为它相对较新，因为我不记得它了)

#02 | UMLet @ “theumletteam.umlet”

这个就像大多数 UML 扩展:UMLLet 使用 Markdown (MD) 用于创建图表。我不认为这样的工具非常有用，但它是一种选择。

#03 | Draw.io 集成(非官方)@ “hediet.vscode-drawio”

而不是编译到 Markdown ，这个实际生成 SVG 文件，IMO 非常酷。这个扩展的 README.md 文档声称使用该工具是一个快速的过程，我不同意。

#04 | Markdown 预览美人鱼支持@ “bierner.markdown-美人鱼”

我真的很喜欢 Mermaid 的流程图，但是我个人永远不会将它用于 UML，但是；我觉得应该提一下，es扩展开发者是一些在VSCode上做了很多工作的人，所以他知道自己在做什么。 IMO 这个开发者扩展比一般的第 3 方扩展要好。

_"Its important to note here that the above extensions use a couple of different methods for generating diagrams, as well as data types for rendering them. Most use markdown for creating diagrams, but I know at least one uses SVG, so their quality, look and feel varies from one extension to the next.