调试 add-to-app 模块

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

1. To open the Flutter app directory, go to File > Open Folder... and choose the my_app directory.

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

2. Open the lib/main.dart file.

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

3. If you can build an app for more than one device, you must select the device first.

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

   前往 View > Command Palette...

   也可按 Ctrl / Cmd + Shift + P。

4. Type flutter select.

   1. 输入 flutter select。

5. Click the Flutter: Select Device command.

   1. 点击 Flutter: Select Device 命令。

6. Choose your target device.

   1. 选择目标设备。

7. Click the debug icon (). This opens the Debug pane and launches the app. Wait for the app to launch on the device and for the debug pane to indicate Connected. The debugger takes longer to launch the first time. Subsequent launches start faster.

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

   此 Flutter app 包含两个按钮：

   • Launch in browser: This button opens this page in the default browser of your device.

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

   • Launch in app: This button opens this page within your app. This button only works for iOS or Android. Desktop apps launch a browser.

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

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

1. Go to View > Run.

   1. 前往 View > Run。

   也可按 Ctrl / Cmd + Shift + D。

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

2. In this sidebar, click create a launch.json file.

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

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

3. Select Dart & Flutter.

   1. 选择 Dart & Flutter。

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

   Expand to see an example launch.json file

   展开查看 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. To attach, go to Run > Start Debugging.

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

   也可按 F5。

要在 Xcode 中附加到 Flutter app：

1. Go to Debug > Attach to Process.

   1. 前往 Debug > Attach to Process。

2. Select Runner. It should be at the top of the Attach to Process menu under the Likely Targets heading.

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