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：導出圖表