当前位置:   article > 正文

idea get from version在哪_有了IDEA中的这款插件,流程图、类图轻松搞定,简直神器!...

get from revision idea

348ea2a4c6db77541549ad934e36309d.gif

总有童鞋问,这个流程图图怎么绘制的,这个UML类图用什么工具做的等等,今天给大家推荐一款idea插件PlantUml,来帮助大家快速快速完成绘制。

PlantUml是什么

PlantUml是一个支持快速绘制的开源项目。其定义了一套完整的语言用于实现UML关系图的描述,并基于强大的Graphviz图形渲染库进行UML图的生成。绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件。

PlantUML的优点

  • 完全文本方式编辑,无需控件拖拽,自动调节图元距离,简单美观
  • 与开发平台完全无关,不受平台限制,只要有PlantUML jar包就能生成UML图
  • 支持多种文本编辑器、ide的集成,例如idea、eclipse、notepad++等

作为一个Java coder,通常使用idea作为首选开发工具,我们以idea中的使用为主作介绍

idea安装 PlantUML插件

File -> Settings -> Plugins 搜索 PlantUML ,找到 PlantUML integration 并安装

电脑安装graphviz

下载地址

https://graphviz.gitlab.io/_pages/Download/windows/graphviz-2.38.msi

配置环境变量

首先添加一个变量名GRAPHVIZ_HOME, 变量值为安装路径 D:\WorkWare\Graphviz2.38 在Path目录下添加 %GRAPHVIZ_HOME%\bin, 多个配置之间要用 “;” 隔开 配置GRAPHVIZ_DOT, 变量值为 %GRAPHVIZ_HOME%\bin\dot.exe

58a0b86cf6cfc4b5d69e015cff73b19d.png

8fd9ee848b30b789b17ce4138c8caa09.png

环境变量检测

打开windows命令行, 使用dot -version出现以下页面就代表配置正常

843b0e2690ff94d65558bb094e3d074a.png

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

139bb4c76acf5ded6c7485dce33c5dd0.png

使用plantUML画流程图

新建uml 文件

cc6d5fccc1328473e5b4438b0acd9009.png

输入测试文字

@startumlAlice -> Bob: Authentication RequestBob --> Alice: Authentication ResponseAlice -> Bob: Another authentication RequestAlice @enduml

右边会实时现实流程图

5c97895fd6241e8d5c278fe7c2156569.png

也可以根据所写的类,创建一个UML类图。也可以参考我们前天推荐的方式:IDEA中一个被低估的功能,一键把项目代码绘制成UML类图

821a0bcb3993b61cae9ecf811c2f1780.png

其他

如果不想装graphviz,想直接用,可以下载chrome插件PlantUML Viewer,安装之后直接编辑文本,可以在浏览器直接显示。

7ec27e2319f5a89a6ce120fb06cf24c6.png

琐碎时间想看一些技术文章,可以去公众号菜单栏翻一翻我分类好的内容,应该对部分童鞋有帮助。同时看的过程中发现问题欢迎留言指出,不胜感谢~。另外,有想多了解哪些方面内容的可以留言(什么时候,哪篇文章下留言都行),附菜单栏截图(PS:很多人不知道公众号菜单栏是什么)

d296f1a2fb7d9c6b4cfcc4521e232ac3.png

END

921e16cb3ba3ecc78859e59e38330386.png

我知道你 “在看77174906c85a80e167d09e4827156a4c.gif

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/646826
推荐阅读
相关标签
  

闽ICP备14008679号