webstorm默认启用diagrams插件，可生成基于代码结构的类关系图；支持extends、implements及类型提示等静态关系，但不支持uml标准语义与xmi/plantuml原生导出，.uml为私有格式不可跨工具使用。
WebStorm 本身不生成标准 UML 类图，它生成的是基于代码结构的“类关系图”，不是符合 UML 规范的可交换图表。 它能准确反映 extends、implements、类型提示（如构造函数参数 UserRepository $repo）、属性类型等静态关系，但不支持 UML 中的接口分隔线、多重性标注、包边界虚线框等语义，也不导出标准 XMI 或 PlantUML 兼容语法（除非手动复制）。
WebStorm Diagrams 插件是否默认启用？
是，默认启用。只要没被手动关掉，Diagrams 插件就在后台运行。如果右键菜单里找不到 Diagrams → Show Diagram，说明它被禁用了：
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 按
Ctrl+Alt+S（Windows/Linux）或Cmd+,（macOS）打开设置 - 进入
Plugins → Installed - 搜索
Diagrams，勾选复选框 - 重启 WebStorm
如何快速生成 PHP/JS/TS 类的关系图？
最稳的方式是用 Project 工具窗口多选文件再触发：
- 在
Project面板中，按住Ctrl（或Cmd）点击多个类文件（如User.ts、AuthService.js、BaseController.php） - 右键任意一个选中项 →
Diagrams → Show Diagram - 新标签页中立刻渲染：节点含
+/-/#可见性符号，连线标注extends、implements、uses（仅限 PHP 的use声明，非trait动态混入） -
use Trait不自动连线——比如class A { use B; }，B不会出现在图中；需双击A节点，在弹出面板里按Space搜索并手动添加B
导出时为什么不能选 .uml 格式？
.uml 是 WebStorm 私有二进制格式，其他工具（包括 PlantUML、StarUML、VS Code 插件）完全无法解析。对外交付或协作时必须避开：
- 要通用查看 → 导出为
PNG（清晰）或SVG（矢量、可嵌入文档） - 要后续编辑 → 用
Export Diagram → Copy to Clipboard → PlantUML，粘贴到 PlantUML Web Server 或 VS Code 的 PlantUML 插件里调整 - 别导出为
Mermaid：当前 WebStorm 2026.1 对private/protected修饰符识别不全，常丢方法可见性 - 真正容易被忽略的是：这张图只读取源码文本，不理解运行时行为——
__call、__get、new $className这类字符串动态调用，图里根本不会出现
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
