使用mermain用Markdown的语法画流程图和UML图

Contents

之前一直想找一种免费的工具可以用文本的方式画UML图，这样最大的好处是可以放进代码库中比如git，然后很方便的更新和看diff。之前尝试过JUMLY，用Javascript画sequence图很不错，也一直再用，最近发现了mermain，可以用类似markdown的语法来画sequence图，类图，流程图，Gantt图。在它的文档里可以看到对各种编辑器的支持。比如在Visual Studio Code里装上Markdown Preview Mermaid Support插件，就能直接看UML图了，如下所示。