When developing hybrids apps, there comes a time where you want to check out your app on certain devices. Luckily we can leverage emulators for this 📱.
In today's article, I'll show you how to launch the emulators from within Visual Studio Code.
As you may have seen in my previous Flutter introduction article, we can run a basic app by executing
This command will run our Flutter app, and it actually can run on multiple devices.
Running a Flutter app on an iOS emulator
Before we get started, make sure you have Xcode installed on your Mac and can open an emulator in general. For this, you need to have downloaded Xcode from the App Store and opened it at least once.
From there, the easiest way to go about this is to open your Flutter project in Visual Studio Code.
Two great plugins actually help with Flutter development these are:
From here, select a device at the bottom of the screen.
This will open up the specific emulator for the device you choose.
From there, click the Run and Debug menu on the left, and click the Run icon. This will now load your app on the emulator!
And there we go. We have our app running on an iOS emulator. Do note the hot-reload option here. We can quickly restart our app with the latest changes.
Running a Flutter app on an Android emulator
For android, we need to make sure we have our development studio setup as well.
Make sure you download and install Android Studio and follow the installation steps.
Also, make sure you have an emulator setup. If you're unsure about these steps, check out the Android article on setting up emulators.
With that in place, we can go back to Visual Studio Code and change our device to be the Android emulator.
Note: You can also create an emulator from this window
Once the emulator is started, open the Run and Debug menu and press the start button.
Also, note the hot-reload option from this menu. It's a super quick way to debug and run your apps on a device.