调试您的添加到应用模块

如果您使用 VS Code 调试大部分代码，请从此部分开始。

1. 要打开 Flutter 应用目录，请转到**文件** > **打开文件夹...** 并选择 my_app 目录。

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

3. 如果您能够为多个设备构建应用，则必须先选择设备。

   转到**查看** > **命令面板...**

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

4. 键入 flutter select。

5. 点击**Flutter: 选择设备**命令。

6. 选择您的目标设备。

7. 点击调试图标()。这将打开**调试**窗格并启动应用。等待应用在设备上启动，并等待调试窗格指示**已连接**。调试器第一次启动需要更长时间。后续启动速度更快。

   此 Flutter 应用包含两个按钮

   • **在浏览器中启动**：此按钮在设备的默认浏览器中打开此页面。
   • **在应用中启动**：此按钮在您的应用内打开此页面。此按钮仅适用于 iOS 或 Android。桌面应用将启动浏览器。

您可以将 VS Code 配置为在您开始调试时连接到您的 Flutter 模块项目。要启用此功能，请在您的 Flutter 模块项目中创建一个 .vscode/launch.json 文件。

1. 转到**查看** > **运行**。

   您也可以按 Ctrl / Cmd + Shift + D。

   VS Code 将显示**运行和调试**侧边栏。

2. 在此侧边栏中，点击**创建 launch.json 文件**。

   VS Code 将在顶部显示**选择调试器**菜单。

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"
           }
       ]
   }

4. 要连接，请转到**运行** > **开始调试**。

   您也可以按 F5。

要连接到 Xcode 中的 Flutter 应用

1. 转到**调试** > **连接到进程** >

2. 选择**Runner**。它应该位于**连接到进程**菜单顶部，位于**可能的目标**标题下。