基于 VS Code 安装 PlantUML

背景

如果能用代码画图，可以方便使用脚本来生产代码，从而生成图形。
本文使用VS Code中插件的方式来实现。

安装步骤

1. 安装VSCode

直接在官网下载安装即可
下载链接：https://code.visualstudio.com/Download

2. 安装JDK

下载链接：https://www.java.com/en/download
下载的文件名称：

开始安装：

下载PlantUML

下载链接：https://plantuml.com/zh/download

VS Code 配置

插件安装

PlantUML

插件配置

如果使用本地解析：

示例试验

创建一个ex.puml的文本：

@startmindmap
* Debian
** Ubuntu
*** Linux Mint
*** Kubuntu
*** Lubuntu
*** KDE Neon
** LMDE
** SolydXK
** SteamOS
** Raspbian with a very long name
*** <s>Raspmbc</s> => OSMC
*** <s>Raspyfi</s> => Volumio
@endmindmap

按快捷键，Alt+D，可以预览，如图：

导出图片：
Ctrl+Shift+P 打开 命令面板，输入 PlantUML：

这几个都可以导出，区别如语句描述，支持的格式如下：

比如我选择svg导出：

用浏览器打开后，效果如图：

svg是矢量图，可以任意放大缩小，也能利用浏览器的搜索功能，对图中的元素进行搜索查找。

后记

如果所话的图都比较小，一直都是在线环境，其实也可以不用安装java和下载PlantUML的jar包，可以在VS Code中设置在线解析，设置如下：