使用VS CODE+PlantUML高效画图
2017-04-13 23:05
453 查看
使用VS CODE+PlantUML高效画图
自从发现了plantuml写脚本画图的方式之后,爱上了画图~环境:MAC
前言
本文多数内容引用自官网文档和其他人的教程,并非本人原创,也谈不上翻译,只是把自己 理解的东西用中文写出来。什么是PLANTUML
PlantUML是一个快速创建UML图形的组件,官网上之所以称它是一个组件,我想主要是因为多数情况下我们都是在Eclipse、NetBenas、Intellijidea、 Emacs、Word、VS CODE、Sublime等软件里来使用PlantUML(参看各软件相关配置)。PlantUML支持的图形有:
sequence diagram,
use case diagram,
class diagram,
activity diagram (here is the new syntax),
component diagram,
state diagram,
object diagram,
wireframe graphical interface
PlantUML通过简单和直观的语言来定义图形,它可以生成PNG、SVG和二进制 图片。下面是一个简单的示例:
@startuml Bob -> Alice : Hello, how are you Alice -> Bob : Fine, thank you, and you? @enduml
安装plantuml
plantuml实际上是安装的插件(VS CODE插件),需要graphviz渲染画图,以及需要安装java支撑plantuml运行首先你需要安装VS CODE,一般都有
安装plantuml插件
去 graphviz官网下载其安装包
安装java
安装好之后,新建一个文件,使用上面的示例,拷贝之后,在win32下是alt+d,mac下是command+d即可生成相关uml图
将脚本导出成图片
在脚本处右键,即有导出图片的选项语法
语法可以参照这篇文章,非常详细http://archive.3zso.com/archives/plantuml-quickstart.html#sec-5-1
或者想快速用可以参考这篇,比较简略
http://www.jianshu.com/p/e92a52770832
相关文章推荐
- 【转】使用Sublime + PlantUML高效地画图
- mac使用Sublime + PlantUML高效地画图
- 使用sublime text3的插件PlantUML画图
- 使用sublime+PlantUML画图
- 欢迎使用 FreeCode for VS60/VS2005 Add-in
- 欢迎使用 FreeCode for VS60/VS2005 Add-in
- 分享自己使用的在线UML画图工具
- 使用VS Code开发ASP.NET 5 应用程序
- UML总结(对九种图的认识和如何使用Rational Rose 画图)
- 使用TypeScript拓展你自己的VS Code!
- 使用VS 2013的Bing Code Search插件写SharePoint代码
- 使用VS 2013的Bing Code Search插件写SharePoint代码
- 使用TypeScript拓展你自己的VS Code!
- 使用VS进行工作流开发系列博客6-Developing Workflows in VS: Part 5 - Code Your Workflow
- 欢迎使用 FreeCode for VS60/VS2005 Add-in
- UML总结(对九种图的认识和如何使用Rational Rose 画图)
- 高效使用标准库:for_each() vs. transform()
- 高效程序员秘籍(7):使用Diagram Designer快速绘制流程图、UML等图形
- IDEA中PlantUML的使用
- vs code和node的相关使用 一一 bower 管理文件