调试你的添加到应用的模块

如果您使用 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

   {
       // 使用 IntelliSense 了解可能的属性。
       // 悬停以查看现有属性的描述。
       // 有关更多信息，请访问：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。它应该位于 附加到进程 菜单顶部的 可能的目标 标题下。