模块依赖图
使用 PhpStorm，您可以在 JavaScript 和 TypeScript 项目的上下文中可视化导入和导出。
构建模块依赖关系图
选择从 JavaScript、TypeScript 或 HTML 文件的上下文菜单或文件夹的上下文菜单中
该操作不适用于node_modules和
Excluded文件夹。如果在可以构建多种类型图表的文件夹上调用该操作，则另外从Select Diagram Type列表中选择
分析模块依赖关系图
PhpStorm 递归地分析所选文件或所选文件夹中所有文件中的importandrequire语句和script标记，并在单独的选项卡中显示一个图表，显示这些文件如何相互依赖：
图表由许多矩形组成。它们中的每一个都显示分析的选定文件的名称和检测到的导入列表。如果导入已解决，则会在其旁边显示一个指示导入符号类型的图标（例如
或
）。来自已分析文件的箭头指向从中进行检测到的导入的目标文件。如果目标文件是库，则其名称显示在灰色背景上。如果未解决从库中导入的问题，目标文件将显示为带有红色边框的灰色矩形。
已解决的导入和导出分别标有
或
图标。
从图表导航到源代码
要从图表跳转到文件，请右键单击文件并在上下文菜单中选择
要导航到源代码中的特定
import语句，请右键单击图中所需的文件，在上下文菜单中选择，然后从Select Navigation Target列表中选择要跳转到的符号：
最后修改时间：2021 年 8 月 26 日