【VScode】画出逻辑清晰的UML

背景

无论是作为程序员还是产品经理，都不可避免的需要输出逻辑清晰的UML【时序图/活动图（流程图）/状态图等等】，从而清晰的表达展示自己内心想法。但多数情况，大部分人面对复杂的业务逻辑，往往将图示绘制得复杂难懂，反而失去了应减轻理解逻辑成本的基本目的。故，不才总结自己面对实际情况的经验并分享出来，共勉。

什么是UML

UML是统一建模语言的简称，详细可见：

https://www.visual-paradigm.com/cn/guide/uml-unified-modeling-language/what-is-uml/

PlantUML是一个可以让你快速编写UML图的组件，详细可见：

https://plantuml.com/zh/starting

本人常用的图为：模块图/状态图（流程图）+ 时序图

为什么选择PlantUML

Strengths:

• 由代码自动生成图片，避免由于逻辑调整反复挪动图片排版，浪费时间
• 编写语言简洁易懂，学习成本不高
• 汇总建模语言，时序图、流程图、状态图、类图等等概括非常全

Weaknesses:

• 支持在线编写PlantUML的平台不多，目前腾讯文档、石墨、蓝湖等常用的在线协作平台都不支持
• 生成的样式有点80年代风格，若想调整，自定义较为麻烦

Opportunities:

• Markdown画写流程图的语法较为繁琐，且不同类型的图需要安装不同的插件（mermaid/flow..），学习成本高，一旦设计复杂逻辑，代码会显得复杂且难以通用
• drawio、processon、visio等图形绘制，涉及逻辑改动往往会大篇幅调整（本人也常常因为强迫症调整排版而耗费大量时间精力，实在可惜）

Threats:

• （没什么吧..）

绘制UML环境选择

1. 语雀

   • （优点）直接支持在文本中输入/PlantUML进行绘制
   • （缺点）个人非常喜欢语雀，在撰写文档的时候使用非常顺滑，可惜权限设置太严格，不适用于移动端快速分享权限，故放弃。

2. PlantUML官网

   • （优点）可快速试用：http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000
   • （缺点）仅适用于试用场景

3. VScode + PlantUML（个人推荐

   标签：PlantUML,VScode,画出,frame,plantuml,登陆,UML
   From： https://www.cnblogs.com/sakanastar/p/16866855.html