Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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 enter image description here

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?

like image 305
r4id4 Avatar asked Mar 10 '18 15:03

r4id4


People also ask

How do you run a hot reload in Flutter?

Work in the flutter editor, which supports flutter IDE techniques, and hit the save app option (cmd-s/ctrl-s). Alternatively, you can click the hot button. Enter 'r' in the window while running the application at the command line with the flutter run.

How do I turn on hot reload?

First, enable it in your IDE settings: On Windows, check the Enable XAML Hot Reload checkbox (and the required platforms) at Tools > Options > Debugging > Hot Reload. In earlier versions of Visual Studio 2019, the checkbox is at Tools > Options > Xamarin > Hot Reload.


1 Answers

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.

like image 161
Rémi Rousselet Avatar answered Sep 21 '22 08:09

Rémi Rousselet