模块依赖关系图
使用 PhpStorm，您可以在 JavaScript 和 TypeScript 项目中获取上下文内导入和导出的可视化。
构建模块依赖关系图
从 JavaScript、TypeScript 或 HTML 文件的上下文菜单或文件夹的上下文菜单中选择 。
该操作不适用于 node_modules 和
Excluded文件夹。如果在可以构建多种类型图表的文件夹上调用此操作，请从 列表中选择 选择图表类型。
分析模块依赖图
PhpStorm 递归分析所选文件或所选文件夹中的所有文件中的 import 和 require 语句以及 script 标签，并在单独的选项卡中显示一个图表，展示这些文件之间的相互依赖关系：
一个图表由多个矩形组成。 每个都会显示 分析选择的文件名称以及检测到的导入列表。 如果一个导入被解析，将会在其旁边显示一个指示导入符号类型（例如
或 
）的图标。从 已分析文件指向 目标文件的箭头指示已检测到的导入内容。 如果 目标文件是一个库，则其名称会显示在灰色背景上。 如果从库中导入未解析，则 目标文件显示为带有红色边框的灰色矩形。
解决的 导入和 导出分别用
或 
图标标记。
从图表导航至源代码
从图表跳转到文件，右键点击该文件，然后从上下文菜单中选择 。
要在源代码中导航到特定的
import语句，请在图表中右键点击所需的文件，从上下文菜单中选择 ，然后从 选择导航目标 列表中选择要跳转到的符号：
最后修改日期： 2025年 9月 26日