在 Markdown 文档中使用 plantuml

Question

目前我正在尝试使用 Markdown 进行演示。

为了包含 UML 图，我想使用 PlantUML。

代码写在下面的文档中。我的理解是，这应该有效。然而事实并非如此。

当然，有一种解决方案可以在外部单独创建 UML 图并包含在 markdown 中。然而，这会使该文档变得不那么独立。

降价代码

这是代码（部分）：

---
Previous slide

---

# diagram

```plantuml
@startuml
  class Example {
    - String name
    - int number 
    
    +void getName()
    +void getNumber()
    +String toString()
  }
@enduml
```

---
Next slide

---

这篇博文表明这应该可行。

我有什么遗漏的吗？

Answer 1

我需要安装 2 个额外的扩展才能使其正常工作：

Markdown 扩展包

Markdown plantuml 预览

Answer 2

您链接到的文档并没有说 PlantUML 支持内置于 Markdown 中，甚至没有内置于 VSCode Markdown 插件中。它要求您安装扩展：

\n

\n

使用单个扩展，您可以在 VS Code 的预览面板中可视化 UML 图。

\n

该扩展名为plantuml，您可以通过在扩展面板 \xe2\x80\xa6 中搜索它来安装它，或者只需从终端窗格 \xe2\x80\xa6 运行以下命令即可安装它

\n

ext install plantuml\n

\n

\n

安装plantuml扩展，然后重试。

\n