发布于 2026-01-06 5 阅读
0

在 Visual Studio Code 中启用 PlantUML

在 Visual Studio Code 中启用 PlantUML

PlantUML是一个组件,它允许您使用简单直观的语言快速编写以下图表——即图表即代码。

  • 序列图
  • 用例图
  • 类图
  • 对象图
  • 组件图
  • 部署图

市面上有很多类似的工具。PlantUMLPlantUML是一款免费工具,使用 Java 和 GraphViz 开发。使用方法很简单:下载plantuml.jar文件并运行即可打开 PlantUML 的图形用户界面。无需解压或安装任何软件。

大多数开发者都使用 Visual Studio Code,为什么不安装它的插件呢?

图片描述

浏览插件并点击安装。安装插件后,需要安装 GraphViz 二进制文件。您可以点击链接进行安装。Mac用户可以轻松运行brew install graphviz

完成后,创建一个测试文件test.puml并添加以下代码



@startuml Basic Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml

Person(admin, "Administrator")
System_Boundary(c1, "Sample System") {
    Container(web_app, "Web Application", "C#, ASP.NET Core 2.1 MVC", "Allows users to compare multiple Twitter timelines")
}
System(twitter, "Twitter")

Rel(admin, web_app, "Uses", "HTTPS")
Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml


Enter fullscreen mode Exit fullscreen mode

Option + D在 Mac 或Alt-D其他操作系统中按下此键,应输出以下结果:

图片描述

文章来源:https://dev.to/limacon23/enabling-plantuml-in-visual-studio-code-6ca