Build Cordova Development environment

Source: Internet
Author: User

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.