调试 add-to-app 模块

若你主要用 VS Code 调试代码，请从本节开始。

1. 要打开 Flutter app 目录，请前往 File > Open Folder...，选择 my_app 目录。

2. 打开 lib/main.dart 文件。

3. 若可为多种设备构建 app，须先选择设备。

   前往 View > Command Palette...

   也可按 Ctrl / Cmd + Shift + P。

4. 输入 flutter select。

5. 点击 Flutter: Select Device 命令。

6. 选择目标设备。

7. 点击调试图标 ()。这会打开 Debug 窗格并启动 app。等待 app 在设备上启动，且调试窗格显示 Connected。首次启动调试器耗时更长，之后启动会更快。

   此 Flutter app 包含两个按钮：

   • Launch in browser：此按钮会在设备的默认浏览器中打开本页。

   • Launch in app：此按钮会在 app 内打开本页。仅适用于 iOS 或 Android。桌面 app 会启动浏览器。

你可以配置 VS Code，使其在你开始调试时自动附加到 Flutter 模块项目。要启用此功能，请在 Flutter 模块项目中创建 .vscode/launch.json 文件。

1. 前往 View > Run。

   也可按 Ctrl / Cmd + Shift + D。

   VS Code 会显示 Run and Debug 侧边栏。

2. 在此侧边栏中点击 create a launch.json file。

   VS Code 会在顶部显示 Select debugger 菜单。

3. 选择 Dart & Flutter。

   VS Code 会创建并打开 .vscode/launch.json 文件。

   展开查看 launch.json 示例文件

   json

   {
       // Use IntelliSense to learn about possible attributes.
       // Hover to view descriptions of existing attributes.
       // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
       "version": "0.2.0",
       "configurations": [
           {
               "name": "my_app",
               "request": "launch",
               "type": "dart"
           },
           {
               "name": "my_app (profile mode)",
               "request": "launch",
               "type": "dart",
               "flutterMode": "profile"
           },
           {
               "name": "my_app (release mode)",
               "request": "launch",
               "type": "dart",
               "flutterMode": "release"
           }
       ]
   }
   

   content_copy

4. 要附加，请前往 Run > Start Debugging。

   也可按 F5。

要在 Xcode 中附加到 Flutter app：

1. 前往 Debug > Attach to Process。

2. 选择 Runner。它应位于 Attach to Process 菜单 Likely Targets 标题下的顶部。