vscode+plantuml 实现快速画图

发表于 更新于 分类于 阅读次数： Waline：

什么是PLANTUML

PlantUML是一个快速创建UML图形的组件，官网上之所以称它是一个组件，我想主要是因为多数情况下我们都是在Eclipse、NetBenas、Intellijidea、 Emacs、Word、VS CODE、Sublime等软件里来使用PlantUML。
PlantUML通过简单和直观的语言来定义图形，它可以生成PNG、SVG和二进制图片。

安装plantuml

plantuml实际上是安装的插件（VS CODE插件），需要graphviz渲染画图，以及需要安装java支撑plantuml运行

1. 首先你需要安装VS CODE

2. 去graphviz官网下载其安装包

下载安装完后配置环境变量。
将 GraphViz 可执行程序路径配置到 $path：安装路径/Graphviz/bin。
然后添加环境变量 $GRAPHVIZ_DOT：安装路径/Graphviz/bin/dot.exe。

3. 在vscode上安装plantuml和Graphviz Preview插件

4. 安装java

安装完成后配置java环境变量

生成第一张图

安装好之后，新建文件test.plantuml，输入下面的代码，按alt+d或command+d生成uml图。

@startuml
Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?
@enduml

将脚本导出成图片

在脚本处右键，即有导出图片的选项

语法

常用语法

scale 1070*755 //指定生成图片分辨率
skinparam monochrome true //指定图片为黑白配色