Build Angularjs+ionic+cordova development environment and run a demo

There are three types of mobile apps: Native App,webapp,hybridapp;hybridapp, which combines the advantages of the first two categories of apps, is becoming more and more popular.

Cordova is a middleware that lets us package webapp into Hybridapp, and it provides a lot of plugins that allow us to use native app functionality.

Ionic is a library of interface styles, modeled on native iOS and Android interfaces, and is based on AngularJs .

In this article we build the Angularjs+ionic+cordova development environment in Win7, including the node. js, Cordova CLI, JDK, and Android SDK involved.

Then we will implement two simple demo, let's start!

1 Installing Cordova

(The installation of the Cordova development environment, including the node. js, Cordova CLI, JDK, and Android SDK involved, and then create a Helloword project.) ）

1.1 Installing node. js

Https://nodejs.org directly to the official website to download and follow the default path to install it.

After the installation is complete on the command line: Test succeeded!

$ npm

1.2 Installing the Cordova CLI

Command line:

$ NPM install-g Cordova

Build Angularjs+ionic+cordova development environment and run a demo