1. 安装 PlantUML 插件
在 WebStorm 插件市场搜索 PlantUML Integration 并安装,重启 WebStorm 使插件生效。
2. 安装 Graphviz
PlantUML 需要 Graphviz 来生成图形。使用 Homebrew 安装 Graphviz:
- 打开终端(Terminal)。
- 确保你已经安装了 Homebrew。如果没有,请先安装 Homebrew,可以在 Homebrew 官网 获取安装命令。
- 在终端中输入以下命令安装 Graphviz:
brew install graphviz
-
在终端中输入
dot -version
,如果看到 Graphviz 的版本信息,则表示安装成功。
3. 编辑 PlantUML 文件
- 在项目中创建一个新的文件,文件名以
.puml
结尾。例如,test.puml
。 - 在 test
.puml
文件中编写 UML 图定义。例如:@startuml Alice -> Bob: Hello @enduml
- 保存文件后,WebStorm 会自动生成并显示 UML 图。