一、HBuilder的下載地址：http://www.dcloud.io/，點擊那個“DownLoad”就可以 了

二、假設(shè)一切順利，啟動HBuilder后，大家會看到如下的界面

點擊新建移動APP：

接下來就會彈出一個選擇模板的對話框：

?

默認(rèn)的模板選項是“空模板”。不包含任何的HBuilder提供的畫面組件，要選擇“mui項目”。它包含了 mui (默認(rèn)提供的畫面組件，也就是CSS 和 Javascript)。

是不是不知道MUI是什么了（簡單介紹一下：最接近原生APP體驗的高性能前端框架 具體內(nèi)容見http://dev.dcloud.net.cn/mui/

在起個項目名字就ok啦。

三、簡介一下工具類

? ? 建好工程以后左邊欄會顯示一些文件，如下所示：

? ?

其中index.html 是入口文件。 css 是樣式表目錄，fonts 是字體目錄， js 是 javascript目錄，這三個目錄是 mui 自帶的。

manifest.json 是配置文件，也就是你的APP的配置文件，例如入口文件的指定，圖標(biāo)的指定。

四、連接手機(jī)啟動APP

? ? ?將手機(jī)連接到電腦，打開開發(fā)者選項。

? ? 然后點擊上邊工具欄的：

接下來就可以看到手機(jī)上運行了你的APP。當(dāng)然，因為什么也沒有，畫面是一片空白。如果手機(jī)鏈接不上，請查看：http://ask.dcloud.net.cn/docs#http://ask.dcloud.net.cn/article/97

到此為止，我們已經(jīng)可以在手機(jī)上運行APP了，走出了第一步。

?

轉(zhuǎn)載于:https://www.cnblogs.com/lyn940208/p/6013636.html

總結(jié)

以上是生活随笔為你收集整理的HBuilder完成webApp入门（2）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。