HBuilderX 4.61+ 运行到鸿蒙，支持Debug调试。包括uvue、uts、混编的ets都支持。

开启调试

如下图所示，运行uni-app x项目到鸿蒙，运行成功后，HBuilderX控制台点击红色虫子图标，下拉菜单选择【开启调试】，即可开启鸿蒙调试功能。

注意：鸿蒙调试，依赖鸿蒙调试插件，弹窗提示安装依赖插件，请务必点击安装，否则无法进行调试。

注意：如果需要触发应用初始化中的断点，比如App.uvue的onLaunch中，需要点击红色虫子图标右边的重启应用按钮，重启之后应用初始化中的断点才会生效

注意：目前部分变量的显示可能还是以ets的方式显示，因为uts编译结果是ets

打断点

打开要调试的uts、uvue、ets文件，在代码行号上，鼠标右击或双击添加断点。

调试视图

开启调试后，即可在HBuilderX左侧视图，看到调试视图，具体如下：

下图中包含了uvue、uts、ets的调试步骤

调试视图分为5部分:

• 调试工具栏
• 变量窗口 (复制值、复制表达式、添加到监视)
• 监视窗口（包含添加/编辑/删除表达式，以及复制值）
• 调用堆栈窗口
• 断点窗口（包含删除/启用/禁用断点）

调试操作

• 继续 F8
• 下一步 F10
• 进入 F11
• 返回 Shift+F11

数据检查和查看变量

添加到监视

在【变量窗口】，选中变量，右键菜单，即可将变量添加到监视窗口。

悬停显示

断点调试过程中，将鼠标悬停在要查看的变量上，即可打开悬停窗口。