偵錯你的 add-to-app 模組

If you use VS Code to debug most of your code, start with this section.

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

2. Open the lib/main.dart file.

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

   Go to View > Command Palette...

   You can also press Ctrl / Cmd + Shift + P.

4. Type flutter select.

5. Click the Flutter: Select Device command.

6. Choose your target device.

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.

   This Flutter app contains two buttons:

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

You can configure VS Code to attach to your Flutter module project whenever you start debugging. To enable this feature, create a .vscode/launch.json file in your Flutter module project.

1. Go to View > Run.

   You can also press Ctrl / Cmd + Shift + D.

   VS Code displays the Run and Debug sidebar.

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

   VS Code displays the Select debugger menu at the top.

3. Select Dart & Flutter.

   VS Code creates then opens the .vscode/launch.json file.

   Expand to see an example launch.json file

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

   You can also press F5.

To attach to the Flutter app in Xcode:

1. Go to Debug > Attach to Process >

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