共计 909 个字符,预计需要花费 3 分钟才能阅读完成。
一、背景与准备工作
- 在技术开发过程中,往往会涉及到要画流程图或者时序图等来梳理业务逻辑的时候,这个时候,使用我们的 sublime 编辑器就能实现画图功能。
- 这里只讨论 mac,画图前准备:
(1)安装 sublime 编辑器
(2)安装 java
(3)安装 Graphviz(开源的图片渲染库): brew install graphviz
二、安装 PlantUML
- PlantUML 是一个画图脚本语言,用它可以快速地画出:时序图、流程图、用例图、状态图、组件图。
- 简单地讲,我们使用 visio 或者 Omni Graffle 画图时需要一个一个图去画,但使用 PlantUML 只需要用文字表达出图的内容,然后就可以直接生成图片。
- 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 - 重启后可以在 Preferences -> Packages Setting 看到 Diagram,默认绑定的渲染快捷键是 super + m 也就是 Command + m 如果不冲突直接使用即可。
三、简单使用
- 使用的话比较简单,绘图的内容需要包含在 @startuml 和 @enduml 中,不然会报错。
- 在文本中输入以下内容:
@startuml
Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?
@enduml - 按 Command + m 会在当前工作目录下生成这个图片文件,同时自动弹出窗口显示如下图片。
四、参考链接
https://www.tuicool.com/articles/iui6FjQ
正文完
发表至:无分类
2019-10-17