4

When I choose Chrome to run my Flutter app, the resizing page doesn't work correctly and by searching through the internet I found this command to solve the problem:

flutter run -d chrome --web-renderer html

But I am wondering to know if there is a way to set it as a default command on VSCode to make it easier to run by just clicking on play button/run menu/ctrl+f5.

GoodMan
  • 542
  • 6
  • 19
  • Does this answer your question? [Add a custom command in Visual Studio Code Command Palette](https://stackoverflow.com/questions/50472691/add-a-custom-command-in-visual-studio-code-command-palette) – XANDER Aug 12 '22 at 17:33

2 Answers2

5

In VSCode you can add the launch.json file to the .vscode folder of your project. Then just fill the file with the following content. Afterwards you can select the debug options you just setup in the dropdown of your VSCode debugger and run them.

.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",
            ]
        },
    ]
}

enter image description here

Franz
  • 600
  • 1
  • 4
  • 12
1

See the below link: Add a custom command in Visual Studio Code Command Palette

You could also make an alias for your terminal (tell the computer than whenever you type chromeRun or whatever you want, run 'flutter run -d chrome --web-renderer html' instead).

XANDER
  • 63
  • 8
  • I don't know how exactly add the new command there? – GoodMan Aug 12 '22 at 23:19
  • It really depends on your OS. If you are using mac or linux, you can follow this quick explainer on how to make the alias https://jonsuh.com/blog/bash-command-line-shortcuts/. I've never done it on Windows but I think this post should explain how to accomplish it on the Windows OS https://stackoverflow.com/questions/20530996/aliases-in-windows-command-prompt. – XANDER Aug 13 '22 at 03:39