Ionic + Cordova Build WebApp Project

Source: Internet
Author: User
Tags install node

Development environment is Windows,ubuntu + mac Similarly, test platform for Android,ios the same.

1. Install Node.js

https://nodejs.org/dist/v4.4.5/
http://nodejs.org/download/

2. Set up NPM mirrors

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

3. Install Cordova+ionic

NPM install-g Cordova Ionic
NPM update-g Cordova Ionic//update

4. Create App Project

Ionic start MyApp [Template]
Template:blank (Empty item), tabs (with navigation bar), Sidemenu (with sideslip menu)
Ionic Platform Add Android
Ionic Build Android
Ionic Platform Add iOS
Ionic build iOS
Ionic run Android//connection Data Cable Direct test

Android Packaged Environment configuration:

1.JDK installation Configuration

Download Address: http://www.oracle.com/technetwork/java/javase/downloads/index.html
At the time of installation, the JDK and JRE are installed in the same sibling directory.
Configure the environment variable, create a new java_home in the system variable, and the value is the JDK installation directory D:\Program files\java\jdk1.8.0_91. Add%java_home%\bin;%java_home%\jre\bin to the path. New CLASSPATH in system variable, value is.; %java_home%\lib;%java_home%\lib\tools.jar.
Java-version

2.Android SDK

Download Address: http://developer.android.com/sdk/index.html or http://www.android-studio.org/
After the installation is complete, configure the environment variable, create a new android_home in the system variable, and the value is the installation directory D:\Program files\android\android-sdk. Add D:\Program files\android\android-sdk;%android_home%\tools to path;.
Android-h

At this point, the SDK installation tool is good, and you can then manage the SDK version and the Google API version and documentation that you need from the SDK manager. This is mainly to see the Android version of the ionic you have installed, and target=android-23 can be found in the Platforms\android\project.properties file in your Ionic project directory. This identifies the API version used for the project, followed by the numbers that correspond to the APIs you see in the SDK Manager.

Problem:

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.