Build Cordova Development environment

What is Cordova?

Apache Cordova is a set of device APIs that allow mobile app developers to use JavaScript to access the capabilities of local devices, such as cameras and accelerometers. It can be used in conjunction with UI frameworks such as jquery Mobile, Angularjs, or Sencha Touch, which can be used to develop smartphone apps using HTML, CSS, and JavaScript.

Applications developed with Cordova can be compiled into Android and iOS versions of the app.

This paper introduces the construction of CORDOVA+IONIC+ANGULARJS development environment

What is Ionic?

Ionic is a development framework that focuses on web development technology, based on HTML5 to create a native app similar to a mobile platform. Currently bound with Angularjs and sass. The purpose of this framework is to develop a mobile application from a Web perspective, based on the phonegap (i.e., Cordova) compilation platform, which can be implemented into applications compiled into various platforms.

First step: Install Nodejs

Download the 4.2.1 version and install it on the Nodejs website and enter it at the command line after the installation is complete:

Node-v

Results: v4.2.1

Instructions for normal installation

Step Two: Install Cordova

At the command line, enter the following command to install Cordova:

Install -G Cordova

If the command is unresponsive for a long time or an error occurs, try entering the following command to replace the domestic source

NPM Config Set registry https://registry.npm.taobao.orgnpm config set disturl https://< /c3>npm.taobao.org/dist

Then perform the installation Cordova to the command

Step Three: Install Ionic

Enter the following command:

Install -G ionic

At this point, the installation is complete.

How to create a project

The Cordova command creates the original Cordova project:

Cordova Create MyApp

Ionic command to create the Ionic format project:

Ionic start MyApp tabs   // Create a sample project with top bar and bottom bar ionic start MyApp sidemenu  //  Create a sample project with the menu bar on the left Ionic start myApp blank   // create blank item

Reference website:

Cordova Official website

http://www.haomou.net/2014/08/07/2014_ionic/

Ionic official website

Build Cordova Development environment