前言
HBuilder是DCloud(數(shù)字天堂)推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫,它基于Eclipse,所以順其自然地兼容了Eclipse的插件。快,是HBuilder的最大優(yōu)勢,通過完整的語法提示和代碼輸入法、代碼塊等,大幅提升HTML、js、css的開發(fā)效率。
內置MUI框架,真正徹底的跨平臺開發(fā),不是簡單的跨iOS和Android。基于mui,一套HTML5工程,通過前端構建工具(如grunt)條件編譯,可同時發(fā)行到iOS Appstore、安卓各大應用商店、普通手機瀏覽器、微信App和流應用。并且在每個平臺上,都能調用該平臺的專有API達到原生體驗。
原文鏈接:http://www.voidking.com/dev-hbuilder-app/
環(huán)境準備
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、添加環(huán)境變量JAVA_HOME為C:\Program Files\Java\jdk1.8.0_111
。
4、在環(huán)境變量Path中添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
。
5、添加環(huán)境變量CLASSPATH為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
。
6、在DOS命令行窗口輸入javac
,輸出幫助信息即為配置正確。
Android模擬器
下載SDK
1、訪問AndroidDevTools,下載android-sdk。記住,不要去安卓官網(wǎng)下載,不要去安卓官網(wǎng)下載,不要去安卓官網(wǎng)下載。因為安卓官網(wǎng)下載的,解壓后只有tools文件夾,沒有AVD Manager和SDK Manager。
2、啟動SDK Manager,下載如下文件。
(1)Tools目錄(必須的工具):
- Android SDK Tools(必須,只需下載一個版本,一般選最新版本):基礎工具包,版本號帶rc字樣的是預覽版。
- Android SDK Platform-tools(必須,只需下載一個版本,一般選最新版本):從android2.3開始劃出此目錄,存放公用開發(fā)工具,比如adb、sqlite3等,被劃分到了這里。
- Android SDK Build-tools(必須,可以安裝多個版本):Android項目構建工具。
(2)Android xxx(API xx)目錄(可選的各平臺開發(fā)工具):
- Documentation for Android Sdk(可選):安卓開發(fā)者官網(wǎng)的一些離線文檔,不過下載下來打開也很慢,后面會提供另外一個離線版。
- SDK Platform(必須):對應平臺的開發(fā)工具,需要在哪個版本的平臺下開發(fā)就下載哪個。
- 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中已不見了,應該是集成到了別的地方):在低版本平臺實現(xiàn)高版本平臺控件效果時提供支持。
- Android Support Repository(需要):主要是方便在gradle中使用Android Support Libraries,因為Google并沒有把這些庫發(fā)布到maven center或者jcenter去,而是使用了Google自己的maven倉庫。
- Intel x86 Emulator Accelerator(HAXM installer)(可選,但非常需要,需要CPU支持虛擬化技術支持):windows平臺的Intel x86模擬器加速工具,配合Intel x86 atom/atom_64 System Image使用可加快模擬器的運行速度。
創(chuàng)建虛擬機
1、啟動AVD Manager,創(chuàng)建一個安卓虛擬機。
2、啟動創(chuàng)建的虛擬機。
也許會啟動失敗,報錯如下:
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,發(fā)現(xiàn)Intel x86 Emulator Accelerator(HAXM installer)的狀態(tài)是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官網(wǎng),下載HBuilder。
2、解壓HBuilder,放在一個喜歡的目錄。
helloworld
1、打開HBuilder,文件,新建,移動App。
2、應用名稱填入helloworld,模板選擇Hello mui,完成。
3、單擊工具欄的三角號,在手機設備上運行/停止移動設備。
4、如果已經(jīng)啟動了安卓虛擬機,理論上會出現(xiàn)虛擬機的選項。但是,如果沒有出現(xiàn)的話,直接ctrl+R也可以在虛擬機上啟動應用。
書簽
使用HBuilder開發(fā)移動APP:開發(fā)環(huán)境準備