vscode使用 plantUML

需要环境

1. java1.8
2. GraphViz

GraphViz 安装教程https://plantuml.com/zh/graphviz-dot

下载plantUML.jar

plantUML.jar下载页面 https://plantuml.com/zh/download

建议下载GPL版本的 plantUML.jar，因为GPL支持的版本最全

GPL版本plantUML.jar

下载链接 https://github.com/plantuml/plantuml/releases/download/v1.2025.0/plantuml-1.2025.0.jar

安装vscode的plantUML插件

在vscode的插件市场安装这个插件

本地运行plantUML.jar的渲染服务

在命令行使plantUML的本地渲染服务启动

java -jar plantuml.jar -picoweb
# -picoweb 启动本地 plantUML 渲染服务

# 默认情况 plantUML渲染服务启动本地的 8080 端口

更改vscode的 plantUML插件的配置选项

按照下面2张图找到 vscode的配置文件 -> settings.json

找到settings.json的配置文件之后加入以下代码，就可以在vscode本地渲染plantUML了

"plantuml.server": "http://127.0.0.1:8080",
"plantuml.render": "PlantUMLServer",

测试是否成功

创建一个 test.puml 的文件 输入一些代码，观察在本地是否能渲染

@startuml

autonumber
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response

@enduml

如下图是渲染成功的plantUML 例子