一、背景与准备工作

  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 会在当前工作目录下生成这个图片文件,同时自动弹出窗口显示如下图片。
    11.png

四、参考链接

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


繁星落眼眶
626 声望54 粉丝