IntelliJ IDEA模塊依賴關(guān)系圖

2018-10-12 15:50 更新

模塊依賴關(guān)系圖

此功能僅在Ultimate版本中受支持。

使用IntelliJ IDEA，您可以在JavaScript和TypeScript項(xiàng)目的上下文中獲得導(dǎo)入和導(dǎo)出的可視化。

構(gòu)建模塊依賴關(guān)系圖

  • 在JavaScript，TypeScript或HTML文件的上下文菜單上或者在文件夾的上下文菜單上選擇：圖表|顯示圖表。

    該操作不適用于Excluded文件夾和node_modules文件夾。

  • 如果在可以構(gòu)建多種類型的圖表的文件夾上調(diào)用該操作，則還可以從“選擇圖表類型” 彈出列表中選擇“JavaScript模塊依賴關(guān)系圖”。

分析模塊依賴關(guān)系圖

IntelliJ IDEA分析import和require語句和script標(biāo)記在所選擇的文件中或在所有選定的文件夾中遞歸的文件，并且在一個(gè)單獨(dú)的選項(xiàng)卡顯示圖，顯示這些文件如何彼此依賴：


ws模塊依賴關(guān)系圖
  • 圖由許多矩形組成。它們中的每一個(gè)都顯示分析的選定文件的名稱和檢測(cè)到的導(dǎo)入列表。如果導(dǎo)入已解決，則會(huì)在其旁邊顯示一個(gè)指示導(dǎo)入符號(hào)類型（例如： 變量或  圖標(biāo)節(jié)點(diǎn)字段svg）的圖標(biāo)。
  • 分析文件中的箭頭指向檢測(cè)到的導(dǎo)入的目標(biāo)文件。如果目標(biāo)文件是庫，則其名稱將顯示在灰色背景上。如果未解析庫中的導(dǎo)入，則目標(biāo)文件將顯示為帶有紅色邊框的灰色矩形。
  • 已解決的導(dǎo)入和導(dǎo)出分別用 導(dǎo)入圖標(biāo)或 icons toolbarDecorator export svg標(biāo)記。

從圖表導(dǎo)航到源代碼

  • 要從圖表跳轉(zhuǎn)到文件，請(qǐng)右鍵單擊該文件，然后在上下文菜單中選擇“跳轉(zhuǎn)到源”。
  • 要導(dǎo)航到源代碼中的特定import語句，請(qǐng)右鍵單擊圖中所需的文件，在上下文菜單中選擇“跳轉(zhuǎn)到”，然后從“選擇導(dǎo)航目標(biāo)”彈出列表中選擇要跳轉(zhuǎn)到的符號(hào)：
    ws模塊依賴關(guān)系圖跳轉(zhuǎn)到
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)