EgretWing鏈接微信開發(fā)工具調(diào)試問題的示例分析

這篇文章給大家分享的是有關(guān)EgretWing鏈接微信開發(fā)工具調(diào)試問題的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

EgretWing鏈接微信開發(fā)工具調(diào)試問題

EgretWing 編譯器支持持三種調(diào)試模式，Node.js 、Chrome 、EgretWing 擴(kuò)展開發(fā)。

開發(fā)過程中會遇到工具配置錯誤。

這就需要在EgretWing中的配置文件launch.json重新配置工具路徑。

• 創(chuàng)建Egret項(xiàng)目debugTest [Egret 2D 項(xiàng)目向?qū)

創(chuàng)建項(xiàng)目完成，在.wing文件夾下launch.json配置debug信息。

如上圖:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Wing 內(nèi)置播放器調(diào)試",
            "type": "chrome",
            "request": "launch",
            "file": "index.html",
            "runtimeExecutable": "${execPath}",
            "useBuildInServer": true,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "preLaunchTask":"build",
            "port":5610
        },
        {
            "name": "使用本機(jī) Chrome 調(diào)試",
            "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 進(jìn)程",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "webRoot": "${workspaceRoot}"
        }
    ]}

點(diǎn)擊調(diào)試如下圖：

• launch.json 介紹

• name 配置名稱; 顯示在啟動配置的下拉列表。Wing 內(nèi)置播放器調(diào)試 、使用本機(jī) Chrome 調(diào)試、附加到 Chrome 進(jìn)程。

• type EgretWing配置類型，chrome、node、extensionHost。

• request 配置的Request類型。 有效值為 "launch" 或者 "attach"。

• file debug 入口文件,在瀏覽器打開的html文件。

• runtimeExecutable 可執(zhí)行文件的絕對路徑。默認(rèn)值是 PATH 上的運(yùn)行時可執(zhí)行文件。改成您的 Chrome 安裝路徑 例如 C:\Program Files (x86)\Google\Chrome\Application\chrome.exe 或 /Applications/Google Chrome.app/Contents/MacOS/Google Chrome。

• useBuildInServer 當(dāng)為true, EgretWing 將啟動一個內(nèi)建的web server。

• sourceMaps 是否使用 JavaScript 源映射(如果存在)。

• webRoot Web服務(wù)的根目錄。

• preLaunchTask 執(zhí)行任務(wù)之前運(yùn)行的任務(wù)。

• port web服務(wù)器指定的端口號。

• 操作演示如下：

感謝各位的閱讀！關(guān)于“EgretWing鏈接微信開發(fā)工具調(diào)試問題的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！