使用HBuilder开发移动APP

与天地兮比寿,与日月兮齐光。这篇文章主要讲述使用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/...
环境准备 java1、jdk下载地址:http://www.oracle.com/technet...
2、双击安装jdk,按照提示一步一步安装即可,假设安装目录为C:Program FilesJavajdk1.8.0_111和C:Program FilesJavajre1.8.0_111
3、添加环境变量JAVA_HOME为C:Program FilesJavajdk1.8.0_111
4、在环境变量Path中添加; %JAVA_HOME%in; %JAVA_HOME%jrein;
5、添加环境变量CLASSPATH为.; %JAVA_HOME%libdt.jar; %JAVA_HOME%lib ools.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的源代码,推荐安装。
  • xxxxxxxxImage(可选):各个以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,创建一个安卓虚拟机。
使用HBuilder开发移动APP

文章图片

2、启动创建的虚拟机。
使用HBuilder开发移动APP

文章图片

也许会启动失败,报错如下:
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、再次启动虚拟机,成功!
HBuilder1、访问Hbuilder官网,下载HBuilder。
2、解压HBuilder,放在一个喜欢的目录。
helloworld1、打开HBuilder,文件,新建,移动App。
2、应用名称填入helloworld,模板选择Hello mui,完成。
使用HBuilder开发移动APP

文章图片

3、单击工具栏的三角号,在手机设备上运行/停止移动设备。
使用HBuilder开发移动APP

文章图片

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

文章图片

书签使用HBuilder开发移动APP:开发环境准备
DCloud文档
Android离线打包
IOS离线打包
如何安装配置手机模拟器
7个最佳的Android模拟器
Android SDK Manager和AVD Manager使用
Android官网
Android Studio & & SDK下载地址
sdkmanager使用说明
【使用HBuilder开发移动APP】在 Android Emulator 上运行应用

    推荐阅读