VSCode中如何在launch.json配置多个Flutter调试目标实现多端调试切换

配置结构说明 #

VSCode的launch.json要求所有调试配置统一放在configurations数组中，你当前仅单独写入了Web端的配置条目，没有补充安卓、iOS的对应项，因此可选启动项只有Web配置。
以下是补全全端配置后的完整示例，可直接参考修改：

{
    "version": "0.2.0",
    "configurations": [
        // 你原有Flutter Web固定端口配置
        {
            "name": "Flutter Web (端口9000)",
            "request": "launch",
            "type": "dart",
            "args": ["-d", "chrome", "--web-port", "9000", "--web-enable-expression-evaluation"]
        },
        // 新增安卓端调试配置
        {
            "name": "Flutter 安卓调试",
            "request": "launch",
            "type": "dart",
            // 可在此追加安卓专属启动参数
            "args": []
        },
        // 新增iOS端调试配置
        {
            "name": "Flutter iOS调试",
            "request": "launch",
            "type": "dart",
            // 可在此追加iOS专属启动参数
            "args": []
        }
    ]
}

多配置灵活切换方法 #

• 保存补全后的launch.json后，打开左侧调试面板（快捷键：Windows/Linux为Ctrl+Shift+D，macOS为Cmd+Shift+D），面板顶部的配置下拉框会展示所有已配置的启动项，选中需要的配置后按F5即可启动对应端的调试。
• 如需修改默认启动项，将常用的配置对象移动到configurations数组的第一位即可，VSCode会默认加载数组第一条配置。
• 安卓、iOS配置不强制写-d指定设备，会自动读取VSCode顶部设备选择栏选中的模拟器/真机，无需每次修改配置。

注意事项 #

• 所有Flutter调试配置的type必须固定为dart，这是官方Dart插件的识别标识，不能修改。
• name字段为配置的显示名称，可自行修改为方便识别的文字，不影响调试逻辑。
• 如需给特定端添加专属启动参数（比如安卓指定--dart-define环境变量、iOS指定启动Scheme），直接把参数追加到对应配置的args数组中即可，格式和原有Web配置的参数写法一致。
• 如果配置更新后下拉框仍未显示新条目，执行一次「重载窗口」即可（快捷键Ctrl+Shift+P输入Developer: Reload Window执行）。

内容的提问来源于stack exchange，提问作者foobar8675