目前開發app有原生開發和web開發兩種方式，各有各的優勢和劣勢，利用web技術開發app可以只用寫一套代碼，即可以在Android和ios同時應用，比較方便和快捷，有很多中不同的開發方式，例如cordova打包vue、阿里weex框架打包以及hbuilder打包等等方式。本文介紹利用hbuilder建立一個簡單的app項目。
首先要下載安裝Hbuilder、不需要配置任何環境，就可以開始建立項目了。
一、創建項目
選擇一個已有模板
二、運行
hbuilder的app可以在真機上運行，所以我們需要將手機連上電腦，這里介紹的是Android的手機。
三、調試
利用hbuilder開發手機app有一大好處就是可以即時調試並顯示在手機上，當你改變了某個頁面的css、js保存后它像我們開發web一樣馬上就顯示出來，這樣可以避免開發后打包、然后真機調試、若出現問題需要改了再打包再調試的麻煩。所以如果我們需要修改css、js、添加html等等，只需要寫完保存、然后在手機上查看就可以了。
我們利用hbuilder調試app的時候，有一個最大的問題就是不能看到后台輸出，但是hbuilder也幫我們解決了這個問題。打開webview調試視圖：
打開后可以看到我們正在運行的頁面：
點擊"inspect(調試)"進入，就可以看到我們平時用web開發的控制台輸出了，如下：
參照：https://blog.csdn.net/zeternityyt/article/details/80154566