使用HBuilder开发移动APP

前言

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

内置MUI框架，真正彻底的跨平台开发，不是简单的跨iOS和Android。基于mui，一套HTML5工程，通过前端构建工具（如grunt）条件编译，可同时发行到iOS Appstore、安卓各大应用商店、普通手机浏览器、微信App和流应用。并且在每个平台上，都能调用该平台的专有API达到原生体验。

原文链接：http://www.voidking.com/2017/...

环境准备

java

1、jdk下载地址：http://www.oracle.com/technet...
2、双击安装jdk，按照提示一步一步安装即可，假设安装目录为C:\Program Files\Java\jdk1.8.0_111和C:\Program Files\Java\jre1.8.0_111。
3、添加环境变量JAVA_HOME为C:\Program Files\Java\jdk1.8.0_111。
4、在环境变量Path中添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;。
5、添加环境变量CLASSPATH为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;。
6、在DOS命令行窗口输入javac，输出帮助信息即为配置正确。

Android模拟器

下载SDK

1、访问AndroidDevTools，下载android-sdk。记住，不要去安卓官网下载，不要去安卓官网下载，不要去安卓官网下载。因为安卓官网下载的，解压后只有tools文件夹，没有AVD Manager和SDK Manager。

2、启动SDK Manager，下载如下文件。
（1）Tools目录（必须的工具）：

• Android SDK Tools（必须，只需下载一个版本，一般选最新版本）：基础工具包，版本号带rc字样的是预览版。
• Android SDK Platform-tools（必须，只需下载一个版本，一般选最新版本）：从android2.3开始划出此目录，存放公用开发工具，比如adb、sqlite3等，被划分到了这里。
• Android SDK Build-tools（必须，可以安装多个版本）：Android项目构建工具。

（2）Android xxx（API xx）目录（可选的各平台开发工具）：

• Documentation for Android Sdk（可选）：安卓开发者官网的一些离线文档，不过下载下来打开也很慢，后面会提供另外一个离线版。
• SDK Platform（必须）：对应平台的开发工具，需要在哪个版本的平台下开发就下载哪个。
• Samples for SDK（可选，此项在高版本tools中已不提供，需要在IDE里通过Import Sample引入，当然也可以下载离线版）：内置的安卓示例程序，推荐安装。
• Sources for Android SDK（可选）：安卓API的源代码，推荐安装。
• xxxxxxxx Image（可选）：各个以Image结尾的东西是支持相应平台的模拟器，一般选择Intel x86 Atom_64 System Image。

（3）Extras目录（可选的扩展）：

• Android Support Libraries（需要，高版本tools中已不见了，应该是集成到了别的地方）：在低版本平台实现高版本平台控件效果时提供支持。
• Android Support Repository（需要）：主要是方便在gradle中使用Android Support Libraries，因为Google并没有把这些库发布到maven center或者jcenter去，而是使用了Google自己的maven仓库。
• Intel x86 Emulator Accelerator(HAXM installer)（可选，但非常需要，需要CPU支持虚拟化技术支持）：windows平台的Intel x86模拟器加速工具，配合Intel x86 atom/atom_64 System Image使用可加快模拟器的运行速度。

创建虚拟机

1、启动AVD Manager，创建一个安卓虚拟机。

2、启动创建的虚拟机。

也许会启动失败，报错如下：

Starting emulator for AVD 'android7.0'
emulator: ERROR: x86_64 emulation currently requires hardware acceleration!
Please ensure Intel HAXM is properly installed and usable.
CPU acceleration status: HAXM is not installed on this machine

3、再次打开SDK Manager，发现Intel x86 Emulator Accelerator（HAXM installer）的状态是Not Compatible with Windows。

4、搜索“Hardware_Accelerated_Execution_Manager”，找到Intel官方下载地址，下载haxm-windows_v6_2_0.zip。

5、解压haxm-windows_v6_2_0.zip，放到SDK/extras/intel/目录下，然后双击silent_install.bat。

6、再次启动虚拟机，成功！

HBuilder

1、访问Hbuilder官网，下载HBuilder。

2、解压HBuilder，放在一个喜欢的目录。

helloworld

1、打开HBuilder，文件，新建，移动App。

2、应用名称填入helloworld，模板选择Hello mui，完成。

3、单击工具栏的三角号，在手机设备上运行/停止移动设备。

4、如果已经启动了安卓虚拟机，理论上会出现虚拟机的选项。但是，如果没有出现的话，直接ctrl+R也可以在虚拟机上启动应用。

书签

使用HBuilder开发移动APP：开发环境准备

DCloud文档

Android离线打包

IOS离线打包

如何安装配置手机模拟器

7个最佳的Android模拟器

Android SDK Manager和AVD Manager使用

Android官网

Android Studio && SDK下载地址

sdkmanager使用说明

在 Android Emulator 上运行应用