'VSCode hot reload for flutter

I've just started playing with Flutter in VSCode. I also installed the Dart Plugin. Running the demo app I read in the terminal

Is this the only way to hot-reload the app? I mean I should always keep the terminal open and focus on it to type "r" in order to reload my views? Isn't there a shortcut directly from VSCode?

visual-studio-code flutter

Solution 1:^[1]

There's an extension for that. Called Dart Code and another one named Flutter Code

They will detect that your project is a Dart/Flutter project. And allows you to debug it + hot reload using f5.

Solution 2:^[2]

For 2022, this solution worked.

Steps

Open Settings.
Paste this text > dart.flutterHotReloadOnSave on the settings search box.
And change value from "Manual" to "Always"

Solution 3:^[3]

If you like to hot reload your app with a keybinding better than Ctrl+Shift+F5, just change the Debug: Restart to Ctrl+S, so whenever you trigger the the Ctrl+S the app will first save your changes according to the workbench.action.files.save and afterwards restart the app (=hot reload, it is the green circle you see in the debugbar).

Keybindings for VS Code:

Solution 4:^[4]

VSCode debug -> start debuging, make a change and try, That's what you want.

Solution 5:^[5]

No idea why F5 does not hot reload for me :(

But, you can map the -

Flutter: Hot Reload

command to whatever key combo floats your boat via -

Preferences > Keyboard ShortCuts

as in this screenshot -

Solution 6:^[6]

open the Debug sidebar from VSCode and use it

then when you save, it will hot reload and apply the changes you make that is what working with me

Solution 7:^[7]

use the green reload button to hot reload the app in VS Code

Solution 8:^[8]

on Mac select

Run without Debugging or Shift+f5

you will see this at top select the electric icon for Hot Reload.

After doing some changes save it. It will auto reflect changes.

Solution 9:^[9]

yes Here is the plugin Dart Code for VS CODE

https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code

here is official doc for VsCode flutter

https://flutter.io/get-started/editor/#vscode

Solution 10:^[10]

In VS once installed Dart + Flutter extension, 2 options to hot reload 1) Use combo keys Command + Shift + F5. 2) Save the file by use combo keys Command + S

Solution 11:^[11]

I have both extensions and VSCode is set to Hot Reload once a document is saved. The only time I can reload my app is by stopping and restarting my debugger

Solution 12:^[12]

i dont know why but my vscode hot reloading not work if you have this problem you can use ctrl + f5 to refresh app. hope to work for developers that hot reloading not work for them.

Solution 13:^[13]

You need to run Flutter app from VS Code's built-in debugger not VS Code's terminal.

Solution 14:^[14]

You may encounter problems with Hot Reload due to VS Code issues like this, which is relevant while writing this answer.

The most convincing way I see to do it without downgrading, updating to Insiders builds and/or loosing dev speed is to use the green restart/reload button in the VS Code run widget or Ctrl+Shift+F5 shortcut, but this option may be inacceptable for projects with trickier navigation and few different views.

Solution 15:^[15]

Select ? then "Run without Debugging" -> You can now use ?S on Mac to ? Hot Reload ?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1
Solution 2
Solution 3	karel
Solution 4	zhulinpinyu
Solution 5	WickedW
Solution 6	Omar
Solution 7	Divyanshu Kumar
Solution 8	Faisal Naseer
Solution 9	SABDAR SHAIK
Solution 10
Solution 11	J. Grant 615
Solution 12	hamidreza ghanbari
Solution 13	hayashi-ay
Solution 14
Solution 15	Aristidios

'VSCode hot reload for flutter

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]

Solution 8:[8]

Solution 9:[9]

Solution 10:[10]

Solution 11:[11]

Solution 12:[12]

Solution 13:[13]

Solution 14:[14]

Solution 15:[15]