调试您的 add-to-app 模块

如果您习惯在 VS Code 中调试大部分代码，请从本节开始。

1. 要打开 Flutter 应用目录，请转到 File（文件） > Open Folder...（打开文件夹...） 并选择 my_app 目录。

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

3. 如果您可以在多台设备上构建应用，则必须先选择设备。

   转到 View（查看） > Command Palette...（命令面板...）

   你也可以按 Ctrl / Cmd + Shift + P。

4. 输入 flutter select。

5. 点击 Flutter: Select Device（Flutter：选择设备） 命令。

6. 选择您的目标设备。

7. 点击调试图标（）。这将打开 Debug（调试） 面板并启动应用。等待应用在设备上启动，并观察调试面板显示 Connected（已连接）。调试器首次启动耗时较长。后续启动速度会更快。

   此 Flutter 应用包含两个按钮

   • Launch in browser（在浏览器中启动）：此按钮在设备的默认浏览器中打开此页面。
   • Launch in app（在应用中启动）：此按钮在您的应用内打开此页面。此按钮仅适用于 iOS 或 Android。桌面应用会启动浏览器。

您可以配置 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（创建 launch.json 文件）。

   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 应用

1. 转到 Debug（调试） > Attach to Process（连接到进程）。

2. 选择 Runner。它应该出现在 Attach to Process（连接到进程） 菜单顶部，位于 Likely Targets（可能的调试目标） 标题下。