工具：And ROI d 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:/ python2 7,C:/Python27/Scripts，需要自行添加上，目录以实际安装目录为主，此处只作为参考；
4、安装node.js:可以去官网上或者搜索自己下载，然后手动安装
5、Cordova 安装：在windows操作系统的命令行下使用指令：npm install -g cordova进行安装，-g的 意思 是全局安装，全局安装后在任何目录下都可以使用cordova的命令。（需要联网）；
6、Ionic安装：同样在命令行下使用命令：npm install -g ionic；（需要联网）
7、 软件安装 ：webst rom 主要的开发软件，自行下载安装
&nbs p;
创建项目：以下指令同样是使用命令行操作，可能会出现各种错误，如，环境配置不对，或者以上所需工具或软件没有正确安装（webstorm除外，此处还未用到给工具）；
1、ionic start my PR oject(myproject:是我们的项目名称)； 注意：创建时，操作完指令后会自动下载需要的工具包，或者这一步可以去g IT h ub 上去下载需要的 开发框架 ，然后解压到相应的目录下，效果是一样的>
2、cd myproject (进入到我们的项目内)
3、ionic platform add android 在P latform文件夹下添加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打开刚刚创建的项目，一下图是运行在浏览器中的效果
工具：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打开刚刚创建的项目，一下图是运行在浏览器中的效果
觉得 可用，就经常来吧！ 欢迎评论哦！ html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-Html5混合开发环境的搭建 全部内容，希望文章能够帮你解决 html5教程-Html5混合开发环境的搭建 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-Html5混合开发环境的搭建的详细内容...