Tips: Xcodeから起動したFlutterアプリをVSCodeでデバックする

Xcode 15/iOS 17(beta)にて、VSCodeからデバック起動ができなくなってしましました。

追って解決されると思いますが、Workaroundとして、Xcodeから起動した後、flutter attachする方法がこちらのIssueに紹介されていました。
https://github.com/flutter/flutter/issues/128531

ここでは、そのWorkaroundをVSCodeで実行する方法をメモしておきます。
(Issueにも紹介されていますが、その方法だとうまく動きませんでした🤔)

検証バージョン

• VSCode: 1.79.2 (Universal)
• Flutter VSCode extension: v3.66.0
• Flutter: v3.10.2

Xcodeから実行したFlutterアプリをVSCodeでデバックする

対応はとても簡単で、以下のようにlaunch.jsonにconfigurationを追加するだけです。
ポイントは、--app-idに対象アプリのBunld IDを指定することです。

.vscode/launch.json

{
  "version": "0.2.0",
  "configurations": [
  　...
    {
      "name": "attach(ios)",
      "type": "dart",
      "request": "attach",
      "program": "lib/main.dart",
      "args": ["--app-id", "com.example.myapp"]
    }
  ]
}

リファレンス

• https://docs.flutter.dev/add-to-app/debugging
• https://stackoverflow.com/questions/74664610/how-to-config-flutter-attach-app-id-com-example-id-in-vscode