Installing Cordova and the Android SDK on Windows 7 and 8

A walkthrough on installing Cordova, Android, and Ionic on Windows 7 and 8

1: Download and Install Java

Download and install a recent release of the Java SDK for your computer.

You should be able to open a new instance of cmd.exe and run java without problems. If not (you made sure to open a new cmd window, right?), then open your system environment variables, and add to or create a new user variable called PATH with the full path to the bin folder of the new Java SDK installation.

2: Download Apache Ant

Apache Ant is needed by Android and Cordova for building projects.

Download and extract this zip file somewhere on your computer:

Add the full path to the bin/ folder to the end of your PATH environment variable.

3: Download the Android SDK

Go and download the Android SDK:


3: Add Android to PATH

We need to tell Windows where our Android SDK lives.

Open up your environment variables setting and add the full path to both the adt-bundle/sdk/platform-tools/ folder and the adt-bundle/sdk/tools/ folder to the end of your PATH variable:

Android Env

You should be able to open a new cmd.exe instance, and run android to see the list of android targets you can install.

Go ahead and install version 19 for now, which will give us support for developing for Android 4.4 (target older versions for older Androids).

4: Install or update Node.js

Download the most recent version of Node.js. If you are running an older version of Node, make sure to update it because older versions had issues with npm.

As with the other commands, nodejs should now function in cmd.exe but just to be careful, add the full path to the bin folder in Node to your PATH, which will look something like C:\Program Files\nodejs\bin.

5: Install Cordova

Open a new cmd.exe window, and run:

$ npm install -g cordova

6: Install Ionic

In the same cmd.exe window, run:

$ npm install -g ionic

7: Start a project

Now that everything is installed, we can finally create an Ionic project! Go ahead and run:

$ ionic start myapp
        $ ionic platform add android

Which should complete. If you run into an issue with an error related to plugman (a Cordova issue), you’ll need to manually create the folder $USER\AppData\Local\Temp\plugman\git and run it again.

8: Build, test, deploy!

Everything should be working now. To test it, try doing ionic build android and then connect a device or Genymotion instance and run ionic run android

Please let us know if you encounter any issues and we will revise this tutorial.

Sass Customization

Using Sass, you can override Ionic's default styles and customize an app to fit your needs.

Making Tabbed Interfaces in Ionic

Learn how to easily make tabbed interfaces, one of the most common UI patterns for mobile, in Ionic.

The Sidemenu

The side menu is a great way to display content without losing a lot of screen real estate. Learn how to add the side menu to your apps.

Ionic Lists - Part 1

A core element to any app is the display of lists. From todos to social feeds, lists are the building block for much more complex UIs. Learn about lists in Ionic in this video.

Introduction to Ionic for iOS

Learn how to start using Ionic for iOS with this video. An introduction, prerequisites, and getting a basic application running on a simulator will all be shown.

Leave your comments below:

Get building with Ionic today!