Ionic development Environment Construction

Advanced HTML5 Mobile Development Framework and SDK. Build incredible mobile apps with web technologies-already know and love. Best friends with AngularJS.

Ionic is a mobile-hybird framework that is now relatively hot.

Github:https://github.com/driftyco/ionic

Official website: http://ionicframework.com/

Before referring to the official website start building with Ionic need to install the open environment,

Here are a few steps and questions to note about installing the environment on Windows:

1. Installing the Java JDK

JDK is the development environment that the Java Run development environment, the Android development must

Jdk:http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

The default is C:\Program Files is installed on the command line after you enter: Java-version can see the version

2. Install the Android SDK

: Http://developer.android.com/sdk/index.html#download

3. Install Apache Ant

: Https://olex-secure.openlogic.com/content/openlogic/ant/1.9.3/apache-ant-1.9.3-bin.zip

Configure environment variables after installation:

Set the environment variable, win7 the user right-click "Properties", select "Advanced System Settings", click "Advanced" option, click "Environment variable", click "New" in the system variable. Modify the following variable values according to the location of the installation.

Java_home D:\Program files\java\jdk1.7.0_79

Ant_home C:\apache-ant

The variable may already exist in PATH, and if there is a direct modification to the value, add a semicolon after the value plus: C:\Program files\android\android-sdk\platform-tools; C:\Program Files\android\android-sdk\tools;

To install NODEJS, you can configure mirroring first:

NPM Config Set Registry http://registry.npm.taobao.org

Follow Ionic website to install

NPM install-g Cordova Ionic

Ionic Start myApp Tabs

CD MYAPP

Ionic Platform Add Android

Ionic Build Android

Ionic emulate Android

The following error may occur when the downloaded Ionic package is inconsistent with the installed Android SDK version on ionic build Android:

When this error occurs, find the installation directory of the Android SDK, android\android-sdk\build-tools see what version is,

Then open the downloaded Ionic package to find the Myapp\platforms\android\project.properties file and change the target=android-23 to the appropriate version.

If Ionic emulate Android emulation error, enter the following command

Android.bat list targets to view valid target

Android Create AVD--name MyApp--target 1 When you have multiple ABI you need to specify an ABI, such as: Android Create AVD--name myApp--target 1-b armeabi-v 7a

Reference Documentation:

http://ionicframework.com/getting-started/

http://www.360doc.com/content/15/0424/17/21412_465721508.shtml#

Ionic development Environment Construction