是否可以通过热重载连接多个设备？ 具体来说，同时支持 Android 和 iOS 模拟器。
【问题讨论】：
标签： flutter hot-reload
这适用于我在 Android Studio 中：
启动两个模拟器/连接设备
使用flutter run -d all 运行您的代码
按r 热加载
【讨论】：
如果您使用 VS Code 作为 Flutter IDE，您可以使用 VSC 启动配置和任务从单次启动并发运行，并为所有设备启用热重载。
如果您在执行 flutter run -d all 时遇到问题，这是一种替代解决方案，可让您指定应运行的设备。
确保您指定的设备在运行flutter devices 时可用。
您当前的launch.json 文件可能如下所示：
{
"version": "0.2.0",
"configurations": [
{
"name": "Flutter",
"type": "dart",
"request": "launch",
"flutterMode": "debug"
}
]
}
设置
您需要更新此 launch.json 文件并在应用程序根目录中的同一 .vscode 文件夹中创建 tasks.json。
仅将以下代码粘贴到launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "Flutter-All",
"preLaunchTask": "Flutter-Launch-All",
"type": "dart",
},
{
"name": "Flutter-iOS",
"preLaunchTask": "Flutter-Launch-iOS",
"type": "dart",
},
{
"name": "Flutter-Android",
"preLaunchTask": "Flutter-Launch-Android",
"type": "dart",
},
{
"name": "Flutter-Web",
"preLaunchTask": "Flutter-Launch-Web",
"type": "dart",
}
],
}
仅将以下代码粘贴到tasks.json
{
"version": "2.0.0",
"tasks": [
{
"label": "Flutter-Launch-All",
"dependsOn": [
"Flutter-Launch-iOS",
"Flutter-Launch-Android",
"Flutter-Launch-Web"
]
},
{
"label": "Flutter-Launch-iOS",
"type": "shell",
"command": "flutter run -d 'iPhone 11' "
},
{
"label": "Flutter-Launch-Android",
"type": "shell",
"command": "flutter run -d 'AOSP on IA Emulator' "
},
{
"label": "Flutter-Launch-Web",
"type": "shell",
"command": "flutter run -d 'Chrome' "
}
]
}
相应地替换设备名称（'iPhone 11'、'AOSP on IA Emulator'、'Chrome'）。
启动所有设备
按 F5 键。
你就完成了。
如果Start Debugging 的 F5 快捷方式对您不起作用，请导航至侧面板上的 Debug & Run 并选择您刚刚创建的 Flutter-All 配置，然后运行。
然后您将看到终端窗口出现，并且能够在运行的各个热重载会话之间切换（作为它们自己 shell 中的任务）。
一些背景
我们通过任务上的dependsOn 选项使用“复合任务”，而不是用于配置的“复合”。
由于不可能同时启动配置，只能按顺序启动，我们使用可以同时运行的任务。
因此，“Flutter-All”配置执行 iOS、Android 和 Web 配置的任务。
如果使用复合，则需要在下一次运行之前完成配置，这不是我们想要的。
对于任务，我们可以选择顺序执行它们，但默认情况下，当使用 dependsOn 选项时它们将同时执行。
//Do not use this in your launch.json file unless you want to debug one platform at a time.
"compounds": [
{
"name": "Flutter-All",
"configurations": ["Flutter-iOS", "Flutter-Android", "Flutter-Web"]
}
]
【讨论】：
如果您尝试直接在 Visual Code 上加载它是行不通的，但只需几个步骤，您就可以使用 VS Code 或任何其他 IDE 进行编码，并在 IDE 之外热重新加载您的代码
加载 iOS 模拟器 在终端中
打开 -a 模拟器
加载 Android 模拟器 在 Android Studio 中打开 ADV 并运行想要的模拟器
打开一个终端来管理Android的热重载 在应用程序的文件夹中运行
flutter run -d [ios-device-id]
打开另一个终端来管理iOS的热重载 在应用程序的文件夹中，运行
flutter run -d [android-device-id]
你会在两个终端看到：
? 要在运行时热重载更改，请按“r”。要热重启（和重建状态），请按“R”。
所以，此时只需更新您的代码，保存并在每个终端中按“r”，这不是同时进行的，但足以让两个模拟器同时打开并查看结果
【讨论】：
要同时调试多个设备，您应该为设置了 deviceId 字段的每个设备设置启动配置（这与您传递给flutter run -d xxx) 的 ID 相同。通过单击 Debug -> Open Configurations 打开启动配置。添加底部的 compound 配置将同时启动两个（或更多）配置：
{
"version": "0.2.0",
"configurations": [
{
"name": "Current Device",
"request": "launch",
"type": "dart"
},
{
"name": "Android",
"request": "launch",
"type": "dart",
"deviceId": "android"
},
{
"name": "iPhone",
"request": "launch",
"type": "dart",
"deviceId": "iphone"
},
],
"compounds": [
{
"name": "All Devices",
"configurations": ["Android", "iPhone"],
}
]
}
保存后，复合配置将显示在调试侧栏顶部的下拉列表中。
【讨论】：