使用HBuilder開發移動APP

前言

HBuilder是DCloud(數字天堂)推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder自己主體是由Java編寫,它基於Eclipse,因此順其天然地兼容了Eclipse的插件。快,是HBuilder的最大優點,經過完整的語法提示和代碼輸入法、代碼塊等,大幅提高HTML、js、css的開發效率。css

內置MUI框架,真正完全的跨平臺開發,不是簡單的跨iOS和Android。基於mui,一套HTML5工程,經過前端構建工具(如grunt)條件編譯,可同時發行到iOS Appstore、安卓各大應用商店、普通手機瀏覽器、微信App和流應用。而且在每一個平臺上,都能調用該平臺的專有API達到原生體驗。html

原文連接:http://www.voidking.com/2017/...前端

環境準備

java

一、jdk下載地址:http://www.oracle.com/technet...
二、雙擊安裝jdk,按照提示一步一步安裝便可,假設安裝目錄爲C:\Program Files\Java\jdk1.8.0_111和C:\Program Files\Java\jre1.8.0_111
三、添加環境變量JAVA_HOME爲C:\Program Files\Java\jdk1.8.0_111
四、在環境變量Path中添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
五、添加環境變量CLASSPATH爲.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
六、在DOS命令行窗口輸入javac,輸出幫助信息即爲配置正確。java

Android模擬器

下載SDK

一、訪問AndroidDevTools,下載android-sdk。記住,不要去安卓官網下載,不要去安卓官網下載,不要去安卓官網下載。由於安卓官網下載的,解壓後只有tools文件夾,沒有AVD Manager和SDK Manager。android

二、啓動SDK Manager,下載以下文件。
(1)Tools目錄(必須的工具):sql

  • Android SDK Tools(必須,只需下載一個版本,通常選最新版本):基礎工具包,版本號帶rc字樣的是預覽版。
  • Android SDK Platform-tools(必須,只需下載一個版本,通常選最新版本):從android2.3開始劃出此目錄,存放公用開發工具,好比adb、sqlite3等,被劃分到了這裏。
  • Android SDK Build-tools(必須,能夠安裝多個版本):Android項目構建工具。

(2)Android xxx(API xx)目錄(可選的各平臺開發工具):windows

  • 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使用可加快模擬器的運行速度。

建立虛擬機

一、啓動AVD Manager,建立一個安卓虛擬機。
微信

二、啓動建立的虛擬機。
oracle

也許會啓動失敗,報錯以下:

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

三、再次打開SDK Manager,發現Intel x86 Emulator Accelerator(HAXM installer)的狀態是Not Compatible with Windows。

四、搜索「Hardware_Accelerated_Execution_Manager」,找到Intel官方下載地址,下載haxm-windows_v6_2_0.zip。

五、解壓haxm-windows_v6_2_0.zip,放到SDK/extras/intel/目錄下,而後雙擊silent_install.bat。

六、再次啓動虛擬機,成功!

HBuilder

一、訪問Hbuilder官網,下載HBuilder。

二、解壓HBuilder,放在一個喜歡的目錄。

helloworld

一、打開HBuilder,文件,新建,移動App。

二、應用名稱填入helloworld,模板選擇Hello mui,完成。

三、單擊工具欄的三角號,在手機設備上運行/中止移動設備。

四、若是已經啓動了安卓虛擬機,理論上會出現虛擬機的選項。可是,若是沒有出現的話,直接ctrl+R也能夠在虛擬機上啓動應用。

書籤

使用HBuilder開發移動APP:開發環境準備

DCloud文檔

Android離線打包

IOS離線打包

如何安裝配置手機模擬器

7個最佳的Android模擬器

Android SDK Manager和AVD Manager使用

Android官網

Android Studio && SDK下載地址

sdkmanager使用說明

在 Android Emulator 上運行應用

相關文章
相關標籤/搜索