📱
[Flutter]VS Codeで複数端末を同時にデバッグ
デバイスごとの挙動やレイアウトの差異を確認する際、vscodeからの実行ではなく
flutter run -d all
で実行して確認してましたが、流石に保存時の自動ホットリロードがないなど不便だったので、VS Codeでできないか調べてたら３年前くらいに対応してたので設定しました。
.vscode/launch.json を下記のように設定します。
{
"version": "0.2.0",
"configurations": [
{
"name": "Current Device",
"request": "launch",
"type": "dart"
},
{
"name": "Pixel_4_API_30",
"request": "launch",
"type": "dart",
"deviceId": "emulator-5554"
},
{
"name": "Pixel_API_30",
"request": "launch",
"type": "dart",
"deviceId": "emulator-5556"
},
{
"name": "iPone_12",
"request": "launch",
"type": "dart",
"deviceId": "28555B1B-18C6-4ED3-8C26-FCBAB39E0B68"
},
],
"compounds": [
{
"name": "All Devices",
"configurations": ["Pixel_4_API_30", "Pixel_API_30", "iPone_12"],
}
]
}
nameはよしなに決めていただいて、deviceIdは端末を接続、もしくはエミュレーター、シミュレーターを起動した状態で flutter devices を実行すれば確認できます。
これで All Devices を選択して実行すればconfigurationsに設定した端末すべてで実行されます。
参照
よろしければTwitterのフォローお願いします。
Discussion