HTML5 fried Golden Flower Chess and card source collection mixed development environment construction

Source: Internet
Author: User
Tags install node

Tools: Android Sdk,java Jdk,node.js,cordova, Ionic, Python;

1, Androd need to configure: JDK path and SDK configuration;

JDK Configuration Environment variables:

JAVA_HOME:JDK installation directory, such as: F:\Java\jdk1.8.0_11

%java_home%\bin;%java_home%\jre\bin;

2, Android SDK configuration environment variables:

Android_home: Storage directory for Android SDK, such as: E:\ANDROID\SDK

(Android_home)%android_home%\tools;

3, install Python, you can go to the official website or search for download and then manually installed. After installation, if you find that there is no c:\python27,c:\python27\scripts in the environment variables, you need to add it yourself, the directory is based on the actual installation directory, here only as a reference;

4. Install node. JS: You can go to the official website or search for yourself to download, and then manually install

5, Cordova installation: The command line under the Windows operating system to use the directive: NPM install-g Cordova for installation,-G means global installation, after the global installation in any directory can use the Cordova command. (Requires networking);

6, Ionic installation: The same command line using commands: NPM install-g ionic; (Network required)

7, Software Installation: Webstrom main development software, self-download installation

HTML5 fried Golden Flower Chess source collection (h5.ttkmwl.com)

Create project: The following directives also use command-line operations, which may cause various errors, such as improper environment configuration, or the above required tools or software is not properly installed (except Webstorm, which is not used here);

1, Ionic start MyProject (myproject: Is our project name); Note: When created, the required toolkit is automatically downloaded when the command is completed, or it can be downloaded to github to download the required development framework and then unzip it to the appropriate directory. The effect is the same >

2. CD MyProject (enter into our project)

3. Ionic platform add Android in platform folder

Note: The first use requires networking, after the operation of instructions will automatically download the required toolkit;

4. Ionic build Android APK package;

Create an Android debug apk and the APK will run on the emulator or the real machine.



If the installation is completed successfully, but errors occur during the creation of the project, you can try to do it several times, as there may be a need for networking during the operation, sometimes due to a slow network connection and success. When the above preparation is complete, you can use

Tools: Android Sdk,java Jdk,node.js,cordova, Ionic, Python;

1, Androd need to configure: JDK path and SDK configuration;

JDK Configuration Environment variables:

JAVA_HOME:JDK installation directory, such as: F:\Java\jdk1.8.0_11

%java_home%\bin;%java_home%\jre\bin;

2, Android SDK configuration environment variables:

Android_home: Storage directory for Android SDK, such as: E:\ANDROID\SDK

(Android_home)%android_home%\tools;

3, install Python, you can go to the official website or search for download and then manually installed. After installation, if you find that there is no c:\python27;c:\python27\scripts in the environment variables, you need to add it yourself, the directory is based on the actual installation directory, here only as a reference;

4. Install node. JS: You can go to the official website or search for yourself to download, and then manually install

5, Cordova installation: The command line under the Windows operating system to use the directive: NPM install-g Cordova for installation,-G means global installation, after the global installation in any directory can use the Cordova command. (Requires networking);

6, Ionic installation: The same command line using commands: NPM install-g ionic; (Network required)

7, Software Installation: Webstrom main development software, self-download installation

HTML5 fried Golden Flower Chess source collection (q_2172243813)

Create project: The following directives also use the command line operation, there may be various errors, such as the environment is not configured, or the above required tools or software is not properly installed (except Webstorm);

1, Ionic start MyProject (myproject: Is our project name); Note: When created, the required toolkit is automatically downloaded when the command is completed, or it can be downloaded to github to download the required development framework and then unzip it into the response directory. The effect is the same >

2. CD MyProject (enter into our project)

3, Ionic platform add Android in platform folder under Android (name pickup)

Note: The first use requires networking, after the operation of instructions will automatically download the required toolkit;

4. Ionic build Android APK package;

Create an Android debugging apk;


If the installation is completed successfully, but errors occur during the creation of the project, you can try to do it several times, as there may be a need for networking during the operation, sometimes due to a slow network connection and success.

HTML5 fried Golden Flower Chess and card source collection mixed development environment construction

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.