Running a Flutter app on iOS and Android emulators

I'm a full-stack developer from South Africa πΏπ¦. I love writing about JavaScript, HTML and CSS.
Search for a command to run...

I'm a full-stack developer from South Africa πΏπ¦. I love writing about JavaScript, HTML and CSS.
No comments yet. Be the first to comment.
Most of you know me for my consistency, a golden arrow in my blog series. I've written 1000 articles in 1008 days! Almost an article a day, and my honeymoon was the only holiday I ever took. I'm super proud of this achievement; it has been a fantasti...

It's not the first time I'll be talking about community. I think it's an essential aspect of any successful tool. This shows in my previous explorations of Astro, Medusa, and now Vendure as well. All these products thrive in a super open, welcoming, ...

The cool part about Vendure is how easy it is to set up and how abstract each layer is. Basically, we get the following elements: External database Server Worker Admin UI Frontend While this is amazing, it also brings a bit of complexity when it co...

The previous article looked at customizing Vendure on a data and process level. In this article, we'll look at customizing emails, as they are often a big part of a webshop system. We'll be looking at two different layers of customization for customi...

Even though Vendure is a pretty significant project out of the box, in some cases, we might want to go in and modify some elements to work to our specific use case. In this article, I'll take a high-level look at some elements we can customize within...

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 flutter run.
This command will run our Flutter app, and it actually can run on multiple devices.
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.
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.
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter