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

1.环境搭建

参考文章《鸿蒙Flutter实战：01-搭建开发环境》搭建好开发环境。IDE需要安装DevEco和VsCode/Android Studio。对于iOS开发者，也可以使用AppUploader这类iOS开发助手来辅助管理证书和调试设备。

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中查看系统日志
• 对于iOS开发者，AppUploader也提供了便捷的日志查看功能

4.调试Flutter

主要有两种调试方案：

方案一

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

方案二

使用DevEco运行鸿蒙项目，注意需要打开的是ohos鸿蒙目录代码，待IDE分析结束后，点击运行。当app在鸿蒙设备上启动成功后，立即在Vscode中调出Command Pallet，找到Flutter Attach，将Flutter调试器连接至宿主机。

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

5.调试ArkTs

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

6.调试Webview

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

对于跨平台开发者，特别是同时开发iOS和鸿蒙应用的开发者，可以结合使用AppUploader来管理iOS端的调试证书和设备，提高多平台开发的效率。