VSCode + PlantUML 画图前配置环境

最新推荐文章于 2025-03-07 21:19:50 发布

YDDUONG

最新推荐文章于 2025-03-07 21:19:50 发布

阅读量6.1k

点赞数 3

分类专栏： Other

本文链接：https://blog.csdn.net/y_dd6011/article/details/106055915

版权

Other 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何下载并配置Graphviz环境变量，以及在VSCode中安装和配置PlantUML和GraphvizPreview插件的过程。通过遵循本文的步骤，读者可以轻松地在VSCode中使用PlantUML语法绘制图表，并预览和导出图表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

流程如下：

下载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