PlantUML在vscode中的使用

从未、淡定

已于 2022-04-20 21:22:12 修改

阅读量3.4k

点赞数

分类专栏：前端领域文章标签： uml

于 2022-04-17 10:09:22 首次发布

本文链接：https://blog.csdn.net/swe_ling/article/details/124225449

版权

前端领域专栏收录该内容

31 篇文章 0 订阅

订阅专栏

安装

预览文件时会报如下错误

在这里插入图片描述

搜索 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

在这里插入图片描述