VS code上安装plantuml

vs code上安装plantuml

条件

在VS Code上安装PlantUML扩展之前，请确保您具有以下先决条件: Java与GraphViz(点击可直接跳转下载界面)

选择安装java,下载后直接点击安装

安装GraphViz

选择第二个添加到Path系统环境变量、更改安装路径

测试安装完成，Windows按win+r进入cmd指令界面，输入dot -version，输出如下（非空白）既安装完成

vs code安装插件

vs code安装以下两个插件


新建vs code文本文件（ctrl+n或者文件框创建）如下图，再选择语言–plantuml

输入以下代码

@startuml esp32

 [*] --> 状态0
 状态0 : 初始化
 状态0 -> 状态1 : 初始化完成
 状态1 : 连接WiFi
 状态1 --> 状态2 : 连接WiFi成功
 状态2 : gpio识别
 状态2 --> 状态3 : 按键按下
 状态3 : 上传云端
 状态3 --> [*] : 退出系统
 
@enduml

按下alt+D键预览效果

plantuml导出图片

制作完成导出图片：通过控制面板（ctrl+shift+p）选择PlantUML:Export Current Diagram命令导出。

大功告成
plantuml学习：https://plantuml.com/zh/