使用 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。 
这里就遇到的几个问题说一下解决办法。

1. 下载
2. 插件导入
3. 环境变量配置
4. 测试plantuml.jar
5. 编码问题

---

下载

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.Git 

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

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

环境变量配置

1. 右键我的电脑->属性->高级系统设置->高级->环境变量
2. 在系统变量中“添加”： 
   变量名：GRAPHVIZ_DOT 
   变量值：E:\Program Files (x86)\Graphviz2.38\bin\dot.exe 
   (此处地址按自己graphviz的安装路径设置)

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

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

4. 一路确定即可。

测试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