Construction of HTML5 mixed development environment

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

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

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.

When the above preparation is complete, you can use Webstorm to open the project you just created, which is the effect that runs in the browser

Construction of HTML5 mixed development environment