前言
最近接手了一份使用 uni-app 進行開發的工作，今天才有時間正式開始，在這裏記錄一下使用 HBuilderX 進行 uni-app 開發的調試環境搭建過程。
下載安裝 HBuilderX
進入 HbuilderX 官網 選擇你需要的版本進行下載安裝，我這裏選的是 App 開發版。
下載安裝安卓模擬器
我使用的是模擬機調試，所以需要安裝 Android 模擬器。這裏我選擇的是”網易 MuMu 模擬器”，其下載地址在這裏，安裝好之後啓動模擬器，界面如下圖：
使用模擬器運行項目代碼
使用上面安裝好的 HbuilderX 打開我們的項目代碼，然後按照下圖所示步驟選擇 Android 模擬器運行項目：
會彈出這樣一個彈窗：
點擊彈窗中的鏈接下載安裝微信開發者工具，再按照上上圖的步驟運行項目，HbuilderX 終端中顯示信息爲：
在模擬器中查看頁面，正常顯示。
使用模擬器調試項目代碼
既然是開發，那就免不了要進行代碼調試。
在上一步的基礎上，點擊 HBuilderX 右下角的 “debug” 圖標：
如果之前沒有安裝過 App 調試工具，那就會自動安裝調試工具，安裝完成後自動運行，其內容如下：
然後就可以在調試工具中使用 JavaScript 的斷點調試等功能了。
總結
以上就是使用 HBuilderX 、微信開發者工具和 Android 模擬器進行 ui-app 開發的調試環境搭建步驟。
學習有趣的知識，結識有趣的朋友，塑造有趣的靈魂！
