手机移动程序开发Vue移动端

使用HBuilder开发移动APP

2017-09-15  本文已影响1528人  VoidKing

前言

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/dev-hbuilder-app/

环境准备

java

1、jdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html
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目录(必须的工具):

(2)Android xxx(API xx)目录(可选的各平台开发工具):

(3)Extras目录(可选的扩展):

创建虚拟机

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 上运行应用

上一篇 下一篇

猜你喜欢

热点阅读