mac+sublime text利用PlantUML插件画图

一、背景与准备工作

1. 在技术开发过程中，往往会涉及到要画流程图或者时序图等来梳理业务逻辑的时候，这个时候，使用我们的sublime编辑器就能实现画图功能。
2. 这里只讨论mac，画图前准备：
   （1）安装sublime编辑器
   （2）安装java
   （3）安装Graphviz(开源的图片渲染库): brew install graphviz

二、安装PlantUML

1. PlantUML 是一个画图脚本语言，用它可以快速地画出：时序图、流程图、用例图、状态图、组件图。
2. 简单地讲，我们使用 visio 或者 Omni Graffle 画图时需要一个一个图去画，但使用 PlantUML 只需要用文字表达出图的内容，然后就可以直接生成图片。
3. sublime配置设置：
   （1）使用 Command-Shift-P 打开 Command Palette
   （2）输入 add repository 找到 Package Control:Add Repository
   （3）在下方出现的输入框中输入 https://github.com/jvantuyl/s... 然后回车
   （4）等待添加完成后再次使用 Command-Shift-P 打开 Command Palette
   （5）输入 install package 找到 Package Control:Install Package
   （6）等待列表加载完毕，输入 diagram 找到 sublime_diagram_plugin 安装
   （7）重启 Sublime Text
4. 重启后可以在 Preferences -> Packages Setting 看到 Diagram ，默认绑定的渲染快捷键是 super + m 也就是 Command + m 如果不冲突直接使用即可。

三、简单使用

1. 使用的话比较简单，绘图的内容需要包含在 @startuml 和 @enduml 中，不然会报错。
2. 在文本中输入以下内容：
   @startuml
   Bob -> Alice : Hello, how are you
   Alice -> Bob : Fine, thank you, and you?
   @enduml
3. 按 Command + m 会在当前工作目录下生成这个图片文件，同时自动弹出窗口显示如下图片。
   

四、参考链接

https://www.tuicool.com/articles/iui6FjQ