OpenHarmony开发者论坛

标题: OpenHarmony Flutter实战：08-如何调试代码 [打印本页]

作者: zacksleo 时间: 2024-10-23 20:58
标题: OpenHarmony Flutter实战：08-如何调试代码
[md]```
# OpenHarmony Flutter实战：如何调试代码

## 1.环境搭建

参考文章[OpenHarmony Flutter实战：01-搭建开发环境](https://gitee.com/zacks/awesome- ... 7%8E%AF%E5%A2%83.md)搭建好开发环境。IDE 安装好 DevEco 和 VsCode/Android Studio。

## 2.配置

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

```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运行OpenHarmony项目，注意需要打开的是ohos OpenHarmony目录代码，待IDE分析结束后，点击运行。

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

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

## 调试 ArkTs

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

## 调试 Webview

参考文章 [鸿蒙Flutter实战：04-如何使用DevTools调试Webview](https://gitee.com/zacks/awesome- ... %E8%AF%95Webview.md)进行 Webview 调试。

```

```
[/md]

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)