VSCode + PlantUML 画图前配置环境

流程如下：

• 下载Graphviz包，并配置环境变量
• VSCode下载插件：PlantUML 和 Graphviz Preview
• 配置VSCode环境
• 基本使用

---

下载Graphviz包：https://graphviz.gitlab.io/_pages/Download/Download_windows.html

注：下载完成之后，双击安装，可以选择默认安装（除了安装位置）
将Graphviz配置到环境变量Path中去：

再新建一个GRAPHVIZ_DOT的系统变量：

测试Graphviz是否安装完成以及配置成功，命令行输入：dot -v

---

VSCode下载插件：PlantUML 和 Graphviz Preview

---

配置VSCode环境，在setting.json文件中添加如下配置："graphviz-preview.dotPath": "D:\\Program Files (x86)\\Graphviz2.38\\bin\\dot.exe"

---

基本使用：(测试代码文件)

@startuml
(*) --> "开始"

if "是否拥有相机权限" then
    --> [true] "调用相机"
    --> "AI识别"
    --> (*)
else
    -> [false] "申请相机权限"
    --> "调用相机"
    --> (*)
endif

@enduml

注：在代码文件中，快捷键alt+D：预览效果；快捷键ctrl+shift+P：导出图表