Ionic development Environment Construction

IonicDevelopment Environment Construction1.installationJDK1.1.Installation "Jdk-8u60-windows-x64.exe"to"C:\Program files\the Catalog

1.2.jdk

Http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html

Or Baidu a bit of jdk

2. InstallationADT2.1.Unzip "Adt-bundle-windows-x86_64-20140702.zip"to"D:\Program files\"

2.2.adt

http://www.androiddevtools.cn/

3.installationAnt3.1.Unzip "Apache-ant-1.9.6-bin.zip"to"D:\Program files\"

3.2.ant

http://ant.apache.org/

4. Configure environment variable 4.1.Adding system Variables

Add the following system variables

Java_home

C:\Program files\java\jdk1.8.0_60

Android_home

D:\Program FILES\ADT-BUNDLE-WINDOWS-X86_64-20140702\SDK

Ant_home

D:\Program files\apache-ant-1.9.6

Steps please refer to

Right button "My Computer"-"Properties"-"Advanced system Settings"-"Environment variables"

"New"-"Enter variable name" and "Variable Value"-"OK"

PS:java_home,android_home,ant_home to perform this step once

Add Java_home,android_home,ant_home results as follows

4.2.ModifyPATHvariables

%android_home%\platform-tools;

%android_home%\tools;

%java_home%\bin;

%ant_home%\bin;

Append the following string to thelast face of the variable value of the "Path" variable

";%android_home%\platform-tools;%android_home%\tools;%java_home%\bin;%ant_home%\bin; "

Determine

5.installationnode. js5.1.

https://nodejs.org/

6. InstallationIonic6.1.installationIonic CLI

Open the command line and execute the following command:

"npm install-g Cordova Ionic"

6.2.Create a project

Open the command line and execute the following command in turn:

"Ionic start myApp tabs"

"CD myApp"

"Ionic platform add Android"

6.3.Packingapk

Open the command line and execute the following command:

"Ionic build Android"

After the package is successful, you can find the appropriate apk in the following directory :

"D:\Dev\Projects_Test\myapp\platforms\android\build\outputs\apk\"

7. Possible causes of package error and solutions 7.1.The table of contents contains Chinese characters

Solution: Place the project in a directory without Chinese characters, and then package

7.2.The operating system does not correspond to the installation ofJDK

For example, you would have been a win10 operating system, but you installed the jdk Win7

Solution: Remove the jdkand download the JDK that corresponds to the operating system and install it

7.3.in continuous update...

Ionic development Environment Construction