Setting Up your Mac with Ionic and Cordova

Installing Node.js and NPM on Windows

Ionic Quickstart for Windows: Installing Ionic

Creating an Ionic App

Build and Run an Android Application with Ionic on a Mac

Build and Run an iOS App on a Mac

Install Ant for Ionic

Install Android SDK for Ionic

Install the Genymotion Android Emulator for Ionic

Install the Java Developer Kit (JDK) for Ionic

Run Your First Ionic App

Edit Your Ionic Application Code

Deploy Your Ionic App to a Device

Upload and Share an Ionic App

Ionic Quickstart for Windows and Mac

In this lesson, we learn how to run an app on our PC using Genymotion. Genymotion provides a simple UI that enables us to create and run virtual devices with a couple clicks. Once our virtual device is running, it is just a matter of a couple commands in the command prompt and we can view and test our app on our PC.

[00:00] In this lesson, we are going to learn how to run ionic on a genymotion virtual device. The first thing we're going to do is to start up genymotion. We need to actually add a virtual device, so we'll go with the Motorola Droid Razr. We'll click "Next."

[00:25] We'll just leave the default name. We'll click "Next." This is going to deploy the virtual device. We'll click "Finish." Now, we will actually start the virtual device. Now, while this is starting up, let's go ahead and prep our ionic project to actually run on this device.

[00:50] We'll go into the command prompt. We'll navigate to the project directory, which is projects/ionic-starter. From here, we're going to type "ionic platform add android." This will actually add the Android platform to our Cordova project.

[01:12] Now that we've installed Android, let's go ahead and check on our virtual device. It is running. Now, let's type in "ionic run android." Now, ionic is going to look for the first available device to run this project on. It's now installing the project on the device.

[01:37] Once it has completed, we will be able to actually go to the virtual device and see it running. Let's hop over to the virtual machine. We can see here that our ionic project is running. We can actually click through it and interact with it. This is how you actually run ionic on a genymotion virtual device.

Course

Ionic Quickstart for Windows and Mac

Run Your First Ionic App

Share this video with your friends