如何調試插件?

HBuilderX 3.2.11+, 支持調試插件。

開啓調試

左側視圖,選中要調試的插件,點擊工具欄運行圖標,即可打開運行調試列表。

如何調試插件? - 图1

點擊【調試插件】,即可打開調試視圖

關於node-debug插件

HBuilderX插件開發依賴node-debug插件,如果調試時,彈窗提示安裝【node-debug】插件,請務必點擊安裝,否則無法調試插件。

如何調試插件? - 图2

添加/刪除斷點

打開要調試的文件,在行號上,鼠標右擊。

如何調試插件? - 图3

調試視圖@DebugView

開啓調試後,即可在HBuilderX左側視圖,看到調試視圖,具體如下:

調試視圖分爲5部分:

  • 調試工具欄
  • 變量窗口 (複製值複製表達式添加到監視)
  • 監視窗口(包含添加/編輯/刪除表達式,以及複製值
  • 調用堆棧窗口
  • 斷點窗口(包含刪除/啓用/禁用斷點)

如何調試插件? - 图4

調試操作@DebugActions

如何調試插件? - 图5

  • 繼續 F8
  • 下一步 F10
  • 進入 F11
  • 返回 Shift+F11

繼續@Continue

繼續(F8):點擊後,運行直到下一個斷點。

如何調試插件? - 图6

數據檢查和查看變量

添加到監視

在【變量窗口】,選中變量,右鍵菜單,即可將變量添加到監視窗口。

如何調試插件? - 图7

懸停顯示

斷點調試過程中,將鼠標懸停在要查看的變量上,即可打開懸停窗口。

如何調試插件? - 图8