模块依赖图
最后修改时间:2023 年 8 月 23 日所需插件:
Javascript and TypeScript
- 该插件仅在 IntelliJ IDEA Ultimate 中可用,默认情况下启用。
借助 IntelliJ IDEA,您可以在 JavaScript 和 TypeScript 项目的上下文中实现导入和导出的可视化。
构建模块依赖关系图
选择图表 | 从 JavaScript、TypeScript 或 HTML 文件的上下文菜单或文件夹的上下文菜单上显示图表。
该操作不适用于node_modules和
Excluded
文件夹。如果在可以构建多种类型图表的文件夹上调用该操作,还需要从“选择图表类型”列表中选择“JavaScript 模块依赖关系图”。
分析模块依赖关系图
IntelliJ IDEA 递归地分析所选文件或所选文件夹中所有文件中的import
andrequire
语句和script
标签,并在单独的选项卡中显示一个图表,显示这些文件如何相互依赖:
图表由许多矩形组成。每个文件都显示分析的选定文件的名称和检测到的导入列表。如果导入已解决,旁边会显示一个指示导入符号类型的图标(例如或)。
已分析文件中的箭头指向从中进行检测到的导入的目标文件。如果目标文件是库,则其名称显示在灰色背景上。如果未解析从库的导入,则目标文件将显示为带有红色边框的灰色矩形。
已解决的导入和导出分别用或图标标记。
从图表导航到源代码
要从图表跳转到文件,请右键单击该文件,然后从上下文菜单中选择“跳转到源” 。
要导航到
import
源代码中的特定语句,请右键单击图中所需的文件,从上下文菜单中选择“跳转到” ,然后从“选择导航目标”列表中选择要跳转到的符号:
感谢您的反馈意见!
此页面是否有帮助?