PlantUML在vscode中的使用

安装

预览文件时会报如下错误

搜索 PlantUML 进行安装

使用

使用文档： https://plantuml.com/zh/

VScode 渲染

使用命令 option + d

使用文档

@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: Another authentication Response
@enduml

@startuml
start
:Hello world;
:This is defined on
several **lines**;
stop
@enduml

@startuml flow

left to right direction
actor "Food Critic" as fc
rectangle Restaurant {
  usecase "Eat Food" as UC1
  usecase "Pay for Food" as UC2
  usecase "Drink" as UC3
}
fc --> UC1
fc --> UC2
fc --> UC3

@enduml

注意

graphviz 安装

下载地址： http://www.graphviz.org/download/source/

下载 & 解压

安装