CODEWITHSUNDEEP
windowsfluttervisual-studio-codeflutter-webshortcut
GoodMan
GoodMan

Reputation: 650

How to set this command "flutter run -d chrome --web-renderer html" to run as default on VSCode?

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.

Upvotes: 7

Views: 14678

Answers (3)

THC
THC

Reputation: 11

You can go to the index.html in the web folder and paste this right at the top inside the body tag

<body>  
  <script>
    window.flutterWebRenderer="html";
  </script>
...the remained part of file

Upvotes: 1

Franz
Franz

Reputation: 786

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

Upvotes: 10

XANDER
XANDER

Reputation: 63

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).

Upvotes: 1

Related Questions