如何调试插件?

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