webstorm不支持直接导出项目依赖关系图为静态文件，但可通过show diagram生成基于import/require的源码级依赖图，并导出为png、jpeg、svg或pdf；其依赖图不解析package-lock.json或pom.xml中的传递依赖。
WebStorm 本身不支持直接导出“项目依赖关系图”为静态文件（如 PNG 或 SVG），但能生成可视化图表并手动导出为图片或复制到剪贴板——前提是依赖关系基于模块导入（import/require）而非 package.json 或 pom.xml 的声明式依赖。
依赖图只反映源码级 import/require 关系，不是 npm/maven 依赖树
WebStorm 的 Show Diagram 功能分析的是实际 JS/TS/Java 文件中的导入语句，不是 node_modules 或 Maven 仓库里的包层级。比如：import { foo } from 'lodash' 会被识别为对 lodash 库的引用，但不会展开 lodash 内部又依赖了哪些包。
- 它不读取
package-lock.json、composer.lock或pom.xml中的传递依赖 - 对未解析的导入（如路径别名未配好、类型定义缺失），会显示为带红色边框的灰色矩形，这类节点无法导出为有效依赖项
- Java 项目中，只有已配置好 SDK 和 module dependencies 的类才能被正确解析并加入图中
如何生成并导出这个图：Show Diagram + 导出按钮
右键点击一个文件或文件夹 → Diagrams → Show Diagram，等待分析完成。此时顶部工具栏会出现图表操作按钮：
- 点击
Export diagram图标（小箭头朝外的方框）可导出为PNG、JPEG、SVG或PDF - 若想粘贴进文档，右键图表 →
Export diagram→Copy to clipboard，选PNG或SVG - 导出前建议先点
Fit to window（缩放到窗口大小），避免内容被截断 - 导出的 SVG 在部分编辑器里可能丢失字体渲染，优先选 PNG 保证兼容性
为什么有时点不出 Diagram？常见卡点
不是所有项目都能立刻生成依赖图，以下情况会导致菜单灰掉或报错：
-
node_modules未安装或package.json缺失 → WebStorm 无法识别模块解析上下文 - TypeScript 项目没配
tsconfig.json，或"baseUrl"/"paths"别名未生效 → 路径导入全部标红，图中大量灰色矩形 - Java 项目未标记
sources root或未关联正确的 JDK →import com.xxx全部无法解析 - 文件编码异常（如含 BOM）、或存在语法错误的
import行 → 分析中途失败，无提示
想导出真正的“包依赖树”？得换命令行
如果目标是导出 npm、yarn、mvn 或 composer 管理的完整依赖清单（含版本、传递依赖、冲突提示），WebStorm 不提供原生支持。必须回到终端：
- Node.js 项目：
npm ls --depth=5 > deps_tree.txt或yarn list --pattern ".*" --depth 4 - Maven 项目：
mvn dependency:tree -DoutputFile=deps_tree.txt -DoutputType=dot（再用 Graphviz 渲染） - PHP 项目：
composer show --tree > deps_tree.txt - 这些输出可直接转成 Mermaid 或 PlantUML 格式，再用在线工具生成矢量图
真正容易被忽略的是：WebStorm 的依赖图和命令行的依赖树解决的是两类问题——前者帮你理清「代码怎么调用」，后者回答「打包时会打进哪些包」。混用或互替都会漏关键信息。
