PlantUML 是一个开源项目,支持通过脚本绘图。PlantUML 可以绘制如下种类的 UML 图:
时序图用例图类图活动图组件图状态图对象图部署图定时图同时还支持以下非 UML 图:
线框图形界面架构图规范和描述语言 (SDL)Ditaa diagram甘特图思维导图Work Breakdown Structure diagram以 AsciiMath 或 JLaTeXMath 符号的数学公式Entity Relationship diagram 通过简单直观的语言来定义这些示意图。中文文档:https://plantuml.com/zh/guide下面通过一些简单案例来完成思维导图,时序图,活动图
vscode 插件安装和使用插件商店搜索 "PlantUML ",点击安装即可 使用只需要新建一个 puml 文件 或者 md文件 ,预览的话在 Windows 版本的 VS Code 中,通过 Ctrl + Shift + P 打开命令面板,输入 PlantUML,找到 Preview Current Diagram 命令,或者通过 快捷键 Alt + D,打开预览页面。
思维导图绘制 @startmindmap*[#409EFF] vue3-auth **[#79bbff] 登陆认证 ***_ 登陆和登出 ***_ 用户注册 ***_ 用户状态和信息保存 **[#79bbff] 权限鉴定 ***_ 用户权限获取 ***_ 页面访问权限(菜单权限) ***_ 页面功能权限(按钮权限) **[#79bbff] 角色管理 ***_ 角色新增 ***_ 角色修改 ***_ 角色删除 ***_ 角色绑定权限 ***_ 角色绑定维度 **[#79bbff] 用户管理 ***_ 用户新增 ***_ 用户修改 ***_ 用户删除@endmindmap效果图如下:
关键解释如下:
@startmindmap 和 @endmindmap 这两个注解用来