使用 Sublime + PlantUML 高效地画图

http://www.jianshu.com/p/e92a52770832
http://plantuml.com/download.html http://www.sublimetext.com/3 http://blog.chinaunix.net/uid-20753645-id-3578751.html http://www.jb51.net/softjc/121265.html http://www.cnsecer.com/460.html  sublime插件安装

CTRL + 小键盘1 前面的那个键 调出sublime的命令行控件

软件安装

这些软件全部是开源或共享软件，不存在版权问题，可以放心使用。

安装 Sublime

Sublime 是个强大的可扩展的文本编辑器。进入官网下载对应操作系统下的版本安装即可。
安装 graphviz

graphviz 是个开源的图片渲染库。安装了这个库才能在 Windows 下实现把 PlantUML 脚本转换为图片。
安装
PlantUML for Sublime 插件

有了这个插件后，我们就可以在 Sublime 里写 PlantUML 脚本，然后直接通过一个快捷键生成图片。安装步骤如下
下载插件，并解压
通过

Preferences -> Browse Packages ...

打开 sublime 的

Packages

目录，解压后的插件放在

Packages

目录下
安装 emmet插件 https://packagecontrol.io sublime的插件
重启 Sublime

安装plantUML插件时，也是unable to load diagram plugin,check
console for details.把例子粘过来alt+D时显示nothing to process.刚刚找到了解决办法：原因是下载的插件里无法加载文件：Diagram.sublime-settings，其中第三行将编码方式"charset": null改为"charset": "UTF-8"，关掉sublime Text 3重启即可。
http://wenku.baidu.com/link?url=NNrxAi1rQOAI5cNvAtAjFyqKXmlG_a5lu_UHNPWbtlijhoyKuQgfZqLf6mKKAIdmjS6D7m2pxdgp2ovw4QoLWiELlwTn-bmW14ESeCZpsYO
最近在网上看到一篇文章使用 Sublime + PlantUML 高效地画图详细介绍了如何在sublime Text上导入插件，下载Graphviz。 

这里就遇到的几个问题说一下解决办法。
下载
插件导入
环境变量配置
测试plantuml.jar
编码问题

下载

sublime Text 3 
plantUML 
Graphviz

插件导入

plantUML也可以在sublimeText中进行导入安装。 

windows下，打开sublimeText3， 

1. 按Ctrl+Shift+P打开控制面板 

2. 输入add Repository，选中package Control：add Repository 

3. 在输入栏将下面一行拷贝进去： 

https://github.com/jvantuyl/sublime_diagram_plugin. href="http://lib.csdn.net/base/28" target=_blank>Git 

4. 按Ctrl+Shift+P打开控制面板，输入install，选中package control : install package，输入diagram，选中sublime_diagram_plugin

注：自己从github上下载也一样，解压后放在Packages（preference -> browse packages）下即可。

环境变量配置

右键我的电脑->属性->高级系统设置->高级->环境变量
在系统变量中“添加”： 

变量名：GRAPHVIZ_DOT 

变量值：E:\Program Files (x86)\Graphviz2.38\bin\dot.exe 

(此处地址按自己graphviz的安装路径设置)

将下面一行加到系统变量中path对应的变量值的最前面。别丢了封号;

E:\Program Files (x86)\Graphviz2.38\bin\;

一路确定即可。

测试plantuml.jar

打开plantUML插件的包：preference -> browse packages 

sublime_diagram_plugin/diagram/ 

找到plantuml-xxxx.jar 

打开cmd，进入该目录C:\Users\gyk\AppData\Roaming\Sublime Text 3\Packages\sublime_diagram_plugin\diagram> 

输入：

<code class="hljs lasso has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: "Source Code Pro", monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">java <span class="hljs-attribute" style="box-sizing: border-box;">-jar</span> plantuml<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">8024.</span>jar <span class="hljs-attribute" style="box-sizing: border-box;">-verbose</span> test<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">.</span>txt</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>

查看文件夹中多了一个png的图片，说明测试成功。

编码问题

某些情况下程序无法加载Diagram.sublime-settings文件，解决办法：

打开preference -> browse packages 

sublime_diagram_plugin下的Diagram.sublime-settings，将第三行的null改为“UTF-8”，保存。
Omni Graffle