如何将此命令“flutter run -d chrome --web-renderer html”设置为在 VSCode 上默认运行？答案

【问题标题】：How to set this command "flutter run -d chrome --web-renderer html" to run as default on VSCode?如何将此命令“flutter run -d chrome --web-renderer html”设置为在 VSCode 上默认运行？
【发布时间】：2022-08-15 01:15:13
【问题描述】：

当我选择 Chrome 来运行我的 Flutter 应用程序时，调整页面大小无法正常工作，通过互联网搜索，我找到了这个命令来解决问题：

flutter run -d chrome --web-renderer html

但我想知道是否有办法将其设置为 VSCode 上的默认命令，以便通过单击播放按钮/运行菜单/ctrl+f5 来更轻松地运行。

这回答了你的问题了吗？ Add a custom command in Visual Studio Code Command Palette

标签： windows flutter visual-studio-code flutter-web shortcut

【解决方案1】：

请参阅以下链接： Add a custom command in Visual Studio Code Command Palette

您还可以为您的终端创建一个别名（告诉计算机，无论何时键入 chromeRun 或任何您想要的，运行 'flutter run -d chrome --web-renderer html' 代替）。

【讨论】：

我不知道如何在那里添加新命令？
这真的取决于你的操作系统。如果您使用的是 mac 或 linux，您可以按照此快速解释器了解如何制作别名 jonsuh.com/blog/bash-command-line-shortcuts。我从来没有在 Windows 上做过，但我认为这篇文章应该解释如何在 Windows 操作系统上完成它stackoverflow.com/questions/20530996/…。

【解决方案2】：

在 VSCode 中，您可以将 launch.json 文件添加到项目的 .vscode 文件夹中。然后只需用以下内容填充文件。之后，您可以在 VSCode 调试器的下拉列表中选择刚刚设置的调试选项并运行它们。

.vscode/launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "debug_option_1",
            "request": "launch",
            "type": "dart",
            "flutterMode": "debug",
            "args": [
                "-d",
                "chrome",
                "--web-renderer",
                "html",
            ]
        },
        {
            "name": "debug_option_2 (release mode)",
            "request": "launch",
            "type": "dart",
            "flutterMode": "release",
            "args": [
                "-d",
                "chrome",
                "--web-renderer",
                "html",
            ]
        },
    ]
}

【讨论】：