1. 首先從小程序官網(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)下載對應系統的IDE,目前最新的版本是0.10.102800。  2. 安裝并打開IDE,以下以Mac系統版本為例講解。首先我們需要創建一個新項目,并輸入AppID(登陸微信小程序后臺,進入設置 → 開發者設置中查看),如果你沒有注冊小程序請點擊無AppID,注意:無AppID將無法真機調試。
 3. 點擊添加項目后,可以看到IDE的左邊欄有2個按鈕:編輯、調試和項目。點擊編輯進入小程序代碼的編寫,整個IDE橫向又分為三個區域:最左邊是一個模擬器,可以選擇不同的手機型號以適配不同的分辨率;編輯好代碼之后點擊左下角的編譯按鈕,最新的效果會顯示在這里。

4. 點擊調試,進入調試區域,右邊是日志區,會實時顯示小程序運行過程中打印的日志,左下角的按鈕可以清理緩存。
 5. 點擊項目,這里顯示了小程序的一些基本信息,如果你有AppID,點擊預覽會顯示一個五分鐘之內有效的二維碼,手機掃描即可體驗小程序;點擊上傳則把代碼上傳到后臺(公測期間還不支持發布)。
|