一、HBuilder的下載地址:http://www.dcloud.io/,點擊那個“DownLoad”就可以 了
二、假設一切順利,啟動HBuilder后,大家會看到如下的界面
點擊新建移動APP:
接下來就會彈出一個選擇模板的對話框:
默認的模板選項是“空模板”。不包含任何的HBuilder提供的畫面組件,要選擇“mui項目”。它包含了 mui (默認提供的畫面組件,也就是CSS 和 Javascript)。
是不是不知道MUI是什么了(簡單介紹一下:最接近原生APP體驗的高性能前端框架 具體內容見http://dev.dcloud.net.cn/mui/
在起個項目名字就ok啦。
三、簡介一下工具類
建好工程以后左邊欄會顯示一些文件,如下所示:
其中index.html 是入口文件。 css 是樣式表目錄,fonts 是字體目錄, js 是 javascript目錄,這三個目錄是 mui 自帶的。
manifest.json 是配置文件,也就是你的APP的配置文件,例如入口文件的指定,圖標的指定。
四、連接手機啟動APP
將手機連接到電腦,打開開發者選項。
然后點擊上邊工具欄的:
接下來就可以看到手機上運行了你的APP。當然,因為什么也沒有,畫面是一片空白。如果手機鏈接不上,請查看:http://ask.dcloud.net.cn/docs#http://ask.dcloud.net.cn/article/97
到此為止,我們已經可以在手機上運行APP了,走出了第一步。