除錯您的加入應用程式模組

如果您使用 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。它應該位於 附加到程序 功能表頂端的 可能目標 標題下。