背景
如果能用代码画图,可以方便使用脚本来生产代码,从而生成图形。
本文使用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中设置在线解析,设置如下: