No1. 必須搭建java環境
隻需要最基礎的java環境，也就是cmd下可以運作java和javac即可，
具體教程請自行百度，都會有很詳細的教程，這裡不重點介紹。
No2. 下載下傳安裝HBuilder
請在這裡下載下傳HBuilder：http://www.dcloud.io/，
下載下傳完成後請将zip包解壓縮到自定義的目錄（windows），
并将該目錄下的HBuilder.exe發送快捷方式到桌面。
輕按兩下該快捷方式，
第一次打開HBuilder需要注冊，還請注冊，幾分鐘搞定，
登入後即可看到HBuilder主界面：
使用過Eclipse或者MyEclipse的開發人員應該很熟悉這個界面吧，
對，HBuilder就是基于Eclipse做的二次開發IDE，
是以大部分Eclipse的操作，快捷鍵都可以直接挪過來使用。
No3. HBuilder 簡介
介紹
稍微介紹下HBuilder可以做的事情：
1.前端開發
各種快捷鍵，各種提示，最好的一點是對所有html，css，js的各浏覽器相容性都有提示。
2.web開發
脫胎自Eclipse，自然做java web開發不成問題。
3.app開發
這個才是重頭戲，編輯，線上打包，真機調試，6的飛起！！！
No4. HelloMUI 起航
1.建立項目
點選主界面的建立移動app，或者通過項目管理器界面右鍵建立，或者ctrl+n，a建立，
你會看到如下界面：
(1) 填寫應用名稱
類似Eclipse中的項目名稱
(2) 選擇位置
(3) 選擇模版
空模版
mui項目，自動引入mui相關檔案
hello h5+項目，和官網提供的nativejs示例app相同
hello mui，和官網提供的mui示例相同
(4) 點選完成
這裡選擇hello mui模版，你也可以選擇hello h5+模版，以後開發大部分選擇mui項目這個模版。
2.檔案結構
建立完成後，左側項目管理器中會出現如下目錄結構：
做前端開發的同學一定很熟悉了吧，
主要注意的是manifest.json，
很多app相關配置：app圖示，啟動頁，權限等都在這裡配置。
End
就是這麼簡單，Now，你已經做完一個HelloMUI APP 了，剩下的就是看效果了。
3.真機調試
(1) 連接配接手機
請用資料線，而不是電源線連接配接手機，
ios需要下載下傳一個調試插件，android可以直接調試，
絕對不需要額外的環境，不論是ios還是android，
選中項目，或者打開任意項目中的檔案時，
點選菜單--運作--真機運作--在xx裝置上運作，
或者直接ctrl+r直接運作，
當你修改過檔案後也可以直接ctrl+r，app就會重新開機。
(2) 連接配接失敗
當你遇到連接配接失敗的時候，
android隻需要随便安裝一個手機助手，手機助手連接配接成功即可，
ios請參考說明。
(3) run
直接使用快捷鍵 【ctrl+r】，
然後開始享受你用HBuilder做的第一個app吧。
嗯，有時間會持續更新的，記錄學習情況，适當總結積累，總有一天小白也會成長為大神的，加油！
轉載于:https://www.cnblogs.com/JennyZhang-sharing/p/6413269.html