Html5混合开发环境的搭建

工具：Android SDK，Java JDK，Node.js，Cordova、Ionic、python；

1、androd 需要配置:jdk路径和sdk 配置；

jdk配置环境变量：

JAVA_HOME：jdk安装目录，如：F:\Java\jdk1.8.0_11

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;  

2、Android sdk配置环境变量：

       ANDROID_HOME：为Android SDK的存放目录，如：E:\Android\sdk

(ANDROID_HOME) %ANDROID_HOME%\tools;

3、安装Python，可以去官网或者搜索下载然后手动安装。安装完之后如果发现环境变量中没有C:\Python27,C:\Python27\Scripts，需要自行添加上，目录以实际安装目录为主，此处只作为参考；

4、安装node.js:可以去官网上或者搜索自己下载，然后手动安装

5、Cordova 安装：在windows操作系统的命令行下使用指令：npm install -g cordova进行安装，-g的意思是全局安装，全局安装后在任何目录下都可以使用cordova的命令。（需要联网）；

6、Ionic安装：同样在命令行下使用命令：npm install -g ionic；（需要联网）

7、软件安装：webstrom主要的开发软件，自行下载安装

 

创建项目：以下指令同样是使用命令行操作，可能会出现各种错误，如，环境配置不对，或者以上所需工具或软件没有正确安装（webstorm除外，此处还未用到给工具）；

1、ionic start myproject (myproject:是我们的项目名称)； 注意：创建时，操作完指令后会自动下载需要的工具包，或者这一步可以去github上去下载需要的开发框架，然后解压到相应的目录下，效果是一样的>

2、cd myproject (进入到我们的项目内)

3、ionic platform add android 在platform文件夹下添加android

注意：初次使用需要联网，操作完指令后会自动下载需要的工具包；

4、ionic build android 生产android apk包；

创建一个android调试apk，次apk就可以运行在模拟器或者真实机上了。

 

如果安装工作顺利完成，但是在创建工程的过程中出现了错误，可以尝试多操作几次，因为在操作的过程中有可能需要联网，有时候会因为网络连接速度慢而出成功。当以上准备工作完成后，就可以使用

工具：Android SDK，Java JDK，Node.js，Cordova、Ionic、python；

1、androd 需要配置:jdk路径和sdk 配置；

jdk配置环境变量：

JAVA_HOME：jdk安装目录，如：F:\Java\jdk1.8.0_11

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;  

2、Android sdk配置环境变量：

       ANDROID_HOME：为Android SDK的存放目录，如：E:\Android\sdk

(ANDROID_HOME) %ANDROID_HOME%\tools;

3、安装Python，可以去官网或者搜索下载然后手动安装。安装完之后如果发现环境变量中没有C:\Python27；C:\Python27\Scripts，需要自行添加上，目录以实际安装目录为主，此处只作为参考；

4、安装node.js:可以去官网上或者搜索自己下载，然后手动安装

5、Cordova 安装：在windows操作系统的命令行下使用指令：npm install -g cordova进行安装，-g的意思是全局安装，全局安装后在任何目录下都可以使用cordova的命令。（需要联网）；

6、Ionic安装：同样在命令行下使用命令：npm install -g ionic；（需要联网）

7、软件安装：webstrom主要的开发软件，自行下载安装

 

创建项目：以下指令同样是使用命令行操作，可能会出现各种错误，如，环境配置不对，或者以上所需工具或软件没有正确安装（webstorm除外）；

1、ionic start myproject (myproject:是我们的项目名称)； 注意：创建时，操作完指令后会自动下载需要的工具包，或者这一步可以去github上去下载需要的开发框架，然后解压到响应的目录下，效果是一样的>

2、cd myproject (进入到我们的项目内)

3、ionic platform add android 在platform文件夹下添加android（名字自取）

注意：初次使用需要联网，操作完指令后会自动下载需要的工具包；

4、ionic build android 生产android apk包；

创建一个android调试apk；会在

 

如果安装工作顺利完成，但是在创建工程的过程中出现了错误，可以尝试多操作几次，因为在操作的过程中有可能需要联网，有时候会因为网络连接速度慢而出成功。

当以上准备工作完成后，就可以使用webstorm打开刚刚创建的项目，一下图是运行在浏览器中的效果