Graphviz的是AT&T Labs Research开发的图形绘制工具,他能够很方便的用来绘制结构化的图形网络,支持多种格式输出,生成图片的质量和速度都不错。(摘自百度百科)git
Mac 安装 graphviz
只需一条命令。github
brew install graphviz
复制代码
笔者使用的文本编辑工具比较多。VScode
、Atom
、Sublime
、UltraEdit
。其实都没有掌握过高深的用法,只以为哪一个好用就用哪一个。网络
下载地址见官网。工具
这实际上是一个支持安装Sublime
的插件,支持VScode
等其余文本编辑工具。测试
打开Package Control
,输入install
编码
选中Install Package
后,在新页面输入plantuml
。spa
点击PlantUMLDiagrams
进行安装。.net
安装后,配置好快捷键,按照图中步骤,配置默认快捷键。插件
粘贴如下内容,将能够使用command+m
快捷键显示UML图片。3d
[
{"keys": ["super+m"], "command": "display_diagrams"}
]
复制代码
切记,最后一步,须要指定plantuml.jar
,否则将生成不了最终的UML效果图片。
并提示:No diagrams overlap selections.Nothing to process。
plantuml.jar下载地址。
将下载下来的jar文件复制到**Application Support/Sublime Text 3/Packages/PlantUmlDiagrams/diagram/**目录下
在页面右下角,选择须要高亮的语法,推荐PlantUmlDiagrams->Diagram。
@startuml
class A
note right: 这是测试类 A
@enduml
复制代码
复制上面的内容,command+m生成下面的图片。
*注:针对中文乱码的状况,能够添加utf-8编码支持。
修改标记的文件最后一行"charset": null
为 "charset": "UTF-8"
。
此处是广告:Flueky的技术小站