鸿蒙 Flutter 实战：如何调试代码

1.环境搭建

参考文章鸿蒙Flutter实战：01-搭建开发环境搭建好开发环境。IDE 安装好 DevEco 和 VsCode/Android Studio。

2.配置

如果是 vscode, 可以在 .vscode/launch.json 文件中，增加以下配置

   {      "name": "ohos-app (attach mode)",      "cwd": "packages/apps/ohos_app",      "request": "attach",      "type": "dart",    },    {      "name": "ohos_app",      "cwd": "packages/apps/ohos_app",      "request": "launch",      "type": "dart"    },

添加成功后，会在运行和调度的 Tab 栏目中，出现启动的选项。这里添加了两个配置，一个是 Attach 模式，一个是普通的运行模式。

3.查看日志

查看日志，可以在运行 Flutter 处的 IDE 调试控制台查看 Flutter 项目日志，可以使用 hdc hilog 命令或 DevEco 查看系统日志。

4.调试 Flutter

主要有两种调试方案。

方案一

在 IDE 中直接运行 Flutter 项目，IDE 可选择 Andriod Studio 或者 VsCode，在调试栏点击 Debug 运行。

方案二

适应 DecEco 运行鸿蒙项目，注意需要打开的是 ohos 鸿蒙目录代码，待 IDE 分析结束后，点击运行。

当 app 在鸿蒙设备上启动成功后，立即在 Vscode 中调出 Command Pallet，找到 Flutter Attach ，将 Flutter 调试器连接至宿主机

然后就是增加断点，使用 hot reload 重新加载 Flutter，调试项目代码。

调试 ArkTs

需要使用 DevEcho 打开项目，点击运行旁边的 Debug Entry 按钮，开始程序调试。

调试 Webview

参考文章 鸿蒙Flutter实战：04-如何使用DevTools调试Webview进行 Webview 调试。