Posted in: Ionic

How to open ionic app in simulator, Part-2

Hello Friends,

Today we are going to discuss how to open ionic app in simulator or emulator. We will discuss these things step by step.

Step 1: Download android studio and SDK from https://developer.android.com/studio#downloads and install it and save SDK in a specific folder or install it as by default.

Step 2: go to advance system settings (start-> Control Panel-> System and Security -> System -> advance system settings) and click on environment variables button.

ionic app in simulator

ionic app in simulator

In system variables click on New button and another window will open. In variable name type ANDROID_SDK_ROOT and in variable value write your SDK root path.

ionic app in simulator

After that select path in system variables and click on edit button, a window will popup. Click on new button and add bin path of SDK folder.

C:\Program Files\Android\Android Studio\bin

Step 3:  Download Java JDK 1.8 from https://www.oracle.com/in/java/technologies/javase/javase-jdk8-downloads.html.

Step 4: set java JDK path in advance system variables (as discussed above).

ionic app in simulator

Step 5: Download gradle from https://gradle.org/install/. And follow the process given below.

Microsoft Windows users

Create a new directory C:\Gradle with File Explorer.

Open a second File Explorer window and go to the directory where the Gradle distribution was downloaded. Double-click the ZIP archive to expose the content. Drag the content folder Gradle-6.5.1 to your newly created C:\Gradle folder.

Add the path of the Gradle folder in environment variables.

 

Step 6: go to your ionic project and open a terminal, run the command ionic Cordova run android to emulate the simulator.

Thus we saw there are some easy steps we need to follow and we can easily open ionic project in simulator.

Thanks

 
Ashish Vishwakarma

(ProgrammerTechnical writer)


How to open ionic app in simulator – ionic 6
Spread the Topic
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Comment (1) on "How to open ionic app in simulator, Part-2"

Leave a Reply

Your email address will not be published. Required fields are marked *