H5開發APP入門

1、MUI

　　MUI是一個最接近原生APP體驗的高性能前端框架。咱們用它來排版佈局。

　　官方網站：http://dev.dcloud.net.cn/mui/

2、HTML5PLUS

　　html5+是HBulider利用本身的IDE結合不一樣平臺的接口再加上html5的東西開發出來的一套框架，它有本身的使用規範，它容許和提供了一些接口和函數來讓web開發者實現原聲app所能實現的功能，Dcloud（開發hublider的公司，官網：http://www.dcloud.io/）還在HBuilder提供了雲打包功能，幾乎是打包發佈，幫那些不熟悉原生開發的開發人員節省了不少時間

　　H5+規範的官方網站：http://www.html5plus.org/doc/h5p.html

3、APP開發準備工做

　　開發前，先安裝兩個軟件：夜神模擬器（安卓模擬器的一種）和HBuilder。

一、準備工做：
　　打開HBuilder軟件，選擇"文件" --> "新建" --> "移動app"，以下圖：

　　填寫項目名稱等參數，以下圖：

　　完成生成項目，目錄以下圖：

　　點擊HBuilder菜單的工具 --> 選項，以下圖：

　　填寫夜神模擬器的端口（若62001不行，可嘗試52001），以下圖：

　　打開夜神模擬器，在HBuilder中運行項目MuiDemo，以下圖：

　　運行後HBuilder控制檯以下圖：

　　此時，在夜神模擬器中出現 "HBuilder"，以下圖：

　　雙擊打開，以下圖：

　　至此，咱們已經瞭解了一個APP重新建到運行的過程。

　　注意：條件容許的狀況下，你也能夠直接使用真機調試，即接入手機而替代夜神模擬器。

二、嘗試開發一個APP的頁面

　　按照上述步驟新建一個項目，注意，模板選擇"mui項目"，而再也不是"Hello mui"。

　　參考MUI文檔：http://dev.dcloud.net.cn/mui/ui/

 　　完成後以下圖：