Mac环境下在VSCode中使用PlantUML

PlantUML介绍

PlantUML 可以用来画类图和流程图，类似MarkDown语法那样简单实用。

第一步:安装Graphviz

brew install graphviz

• 安装过程中的问题

Error: The following directories are not writable by your user:
/usr/local/share/man/man3
/usr/local/share/man/man5
/usr/local/share/man/man8

You should change the ownership of these directories to your user.
  sudo chown -R $(whoami) /usr/local/share/man/man3 /usr/local/share/man/man5 /usr/local/share/man/man8

安装过程中出现了权限问题,需要给问题中提示的目录赋予全新

sudo chmod -R 777  /usr/local/share/man/man3
sudo chmod -R 777  /usr/local/share/man/man5
sudo chmod -R 777  /usr/local/share/man/man8

• 查看dot是否成功

输入dot -v命令查看dot的版本

yumodeMacBook-Pro:Cellar yumo$ dot -v
dot - graphviz version 2.40.1 (20161225.0304)
libdir = "/usr/local/Cellar/graphviz/2.40.1/lib/graphviz"
...

安装插件

打开VSCODE,通过shift+command+x快捷键,打开插件窗口,安装plantuml

创建测试文件

 @startuml
  start
  :first;
  :second;
  :end;
  stop
  @enduml

预览

快捷点ALT+D或者右键菜单选择预览当前光标位置图标

导出

右键选择导出当前光标位置图表

可以导出下面的格式