VSCode hot reload for flutter

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:

Screenshot of keybindings for vs code


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


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.


For 2022, this solution worked.

Steps

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

picture of settings