一、開啟微信開發者工具

第一次連線至微信開發者工具之前，需要先啟動微信開發者工具，在工具欄，依次點選 設定 -> 安全設定，在彈出的設定彈窗中，安全選項下，開啟服務埠。如下圖所示。

二、HBuilderX 配置

①. 開啟HBuilderX，在工具欄，依次點選 執行 -> 執行到小程式模擬器 -> 執行設定，配置微信開發者工具路徑。

 ②. 再次點選 執行 -> 執行到小程式模擬器，點選 微信開發者工具 模擬器即可。

 ③. 啟動成功，自動開啟微信開發者工具。

 ④. 微信開發者工具編譯頁面

三、執行到頁面

從 HBuilderX 中連線至微信開發者工具，如果想要直接執行到某一個頁面，可在專案中編輯啟動頁配置。

在 pages.json 檔案中，新增啟動頁面即可。效果同在微信開發者工具中，新增編譯模式。

    "condition" : { //模式配置，僅開發期間生效
        "current": 0, //當前啟用的模式(list 的索引項)
        "list": [
            {
                "name": "index", //模式名稱
                "path": "pages/index/index", //啟動頁面，必選
                "query": "" //啟動引數，在頁面的onLoad函式裡面得到
            }
        ]
    }
 

四、能開啟微信開發者工具，但執行不了專案的情況

開啟專案中 manifest.json 檔案，找到微信小程式配置，檢視微信小程式 AppID 是否自己沒有許可權。如果是測試專案，申請一個測試 AppID 填寫就行。