# 鸿蒙Flutter实战：如何调试代码## 1.环境搭建参考文章[鸿蒙Flutter实战：01-搭建开发环境]()搭建好开发环境。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运行鸿蒙项目，注意需要打开的是ohos鸿蒙目录代码，待IDE分析结束后，点击运行。当app在鸿蒙设备上启动成功后，立即在 Vscode 中调出 Command Pallet，找到 Flutter Attach ，将 Flutter 调试器连接至宿主机然后就是增加断点，使用hot reload 重新加载 Flutter，调试项目代码。## 调试 ArkTs需要使用 DevEcho 打开项目，点击运行旁边的 Debug Entry 按钮，开始程序调试。## 调试 Webview参考文章 [鸿蒙Flutter实战：04-如何使用DevTools调试Webview]()进行 Webview 调试。