在 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
Option + D在 Mac 或Alt-D其他操作系统中按下此键,应输出以下结果:

