How to SetUp Emulator For VSCode ?

· 5 min read
How to SetUp Emulator For VSCode
How to SetUp Emulator For VSCode

An Emulator is a hardware device or software program that enables one computer system to imitate the functions of another computer system. It enables the host system to run the software, tools, peripheral devices, and other components that are designed for the guest system. So in this article, we will go through How to Setup Emulator for VSCode?

How to SetUp Emulator For VSCode?

From version 2.13.0 of Dart Code, emulators can be launched directly from within code but This feature relies on support from the Flutter tools which means it will only show emulators when using a very recent Flutter SDK. Flutter’s master channel already has this change, but it may take a little longer to filter through to the dev and beta channels.

We have tested this feature and worked very well on flutter version 0.5.6-pre.61

Setup Emulator In Flutter
Setup Emulator In Flutter

You do not need Android Studio to create or run a Virtual Device. Just use sdkmanager and avdmanager from the android sdk tools.

  • Use the sdkmanager to download a system image of Android for the x86 system. e.g. sdkmanagersystem-images;android-21;default;x86_64
  • Then create a new virtual device using avd manager. e.g. avdmanager create avd –name AndroidDevice01 –package “system-images;android-21;default;x86_64”
  • Then run the new virtual device using the emulator. If you don’t have it just install it using the sdkmanager. e.g. emulator -avd AndroidDevice01
  • If you restart VSCode and load your Flutter project. The new device should show up at the bottom right of the footer.

For those people using a Mac, you can go to your terminal and type

$ open -a Simulator.app

and this command will open the simulator. After that, just go to the Debug option and tap on “Start Debugging

iOS Emulator

If you want to test with an Android Emulator:

What I did was to go first to Android Studio and open a virtual Device with AVD Manager. After that, you’ll see other devices in your Visual Studio Code.

Android Emulator Flutter
Android Emulator Flutter

In the bottom right you’ll see now that you have 2 devices connected. Now, you can test with any of these devices.

So You can use the ‘Android iOS Emulator‘ plugin and Add the Android Studio Emulator script to your settings in Visual Studio Code:

Mac:
emulator.emulatorPath": "~/Library/Android/sdk/tools/emulator
Windows:
emulator.emulatorPath": "<your android home>\\Sdk\\emulator\\emulator.exe
Linux
emulator.emulatorPath": "~/Documents/SDK/tools

Your visual studio code settings are found here: File -> Preferences -> Setting -> User Setting -> Extensions -> Emulator Configuration. Open command palette Cmd-Shift-P -> Type Emulator.

ctrl+shift+p

then type

Flutter:launch emulator

run this command in your VS code terminal flutter emulators then see the result if you have installed any emulator it will show you, then to run one of them use flutter emulators –launch your_emulator_id in my case flutter emulators –launch Nexus 6 API 28 but if you haven’t installed any emulator you can install one with flutter emulators –create [–name xyz] then run your project flutter run inside the root directory of the project

Conclusion:

So in this article, we saw how to SetUp Emulator For VSCode?

Thanks for being with us !!! Keep Fluttering.

Still, Need a Support for Flutter Development?

FlutterAgency.com is our portal Platform dedicated to Flutter Technology and Flutter Developers. The portal is full of cool resources from Flutter like Flutter Widget GuideFlutter ProjectsCode libs and etc.

FlutterAgency.com is one of the most popular online portals dedicated to Flutter Technology and daily thousands of unique visitors come to this portal to enhance their knowledge of Flutter.

5 comments

  1. I u dera todo everything, but I don’t know how to “Use the sdkmanager to download a system image of Android”. I have opened the terminal and entered the sdkmanager folder, but when I type sdkmanager it says ”command not found”.

  2. I understood everything, but I don’t know how to “Use the sdkmanager to download a system image of Android”. I have opened the terminal and entered the sdkmanager folder, but when I type sdkmanager it says ”command not found”.
    Can you help me?

Leave a Reply