EgretWing連結微信開發工具除錯問題

EgretWing 編譯器支援持三種除錯模式，Node.js 、Chrome 、EgretWing 擴充開發。

開發過程中會遇到工具配置錯誤。

這就需要在EgretWing中的設定檔launch.json重新設定工具路徑。

建立Egret專案debugTest [Egret 2D 專案精靈]

詳解EgretWing連結微信開發工具除錯問題

建立專案完成，在.wing資料夾下launch.json配置debug資訊。

如上圖:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Wing 内置播放器调试",
            "type": "chrome",
            "request": "launch",
            "file": "index.html",
            "runtimeExecutable": "${execPath}",
            "useBuildInServer": true,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "preLaunchTask":"build",
            "port":5610
        },
        {
            "name": "使用本机 Chrome 调试",
            "type": "chrome",
            "request": "launch",
            "file": "index.html",
            "runtimeExecutable": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
            "useBuildInServer": true,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "preLaunchTask":"build",
            "port":5610
        },
        {
            "name": "附加到 Chrome 进程",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "webRoot": "${workspaceRoot}"
        }
    ]}

登入後複製

點擊調試如下圖：

詳解EgretWing連結微信開發工具除錯問題

#launch.json 介紹

name 設定名稱; 顯示在啟動設定的下拉清單。 Wing 內建播放器偵錯、使用本機 Chrome 偵錯、附加至 Chrome 進程。
type EgretWing設定類型，chrome、node、extensionHost。
request 配置的Request類型。有效值為 "launch" 或 "attach"。
file debug 入口檔案,在瀏覽器開啟的html檔案。
runtimeExecutable 可執行檔的絕對路徑。預設值是 PATH 上的運行時可執行檔。改為您的 Chrome 安裝路徑例如 C:\Program Files (x86)\Google\Chrome\Application\chrome.exe 或 /Applications/Google Chrome.app/Contents/MacOS/Google Chrome。
useBuildInServer 當為true, EgretWing 將啟動一個內建的web server。
sourceMaps 是否使用 JavaScript 來源對應(如果存在)。
webRoot Web服務的根目錄。
preLaunchTask 執行任務之前執行的任務。
port web伺服器指定的連接埠號碼。