Cocos Creator開(kāi)發(fā) Vscode+chrome瀏覽器調(diào)試

xzhuan原創(chuàng)稿件,轉(zhuǎn)載請(qǐng)注明出處!

  1. vscode 安裝插件 Debugger for Chrome
  2. 調(diào)試配置 launch.json 如下
{
   // 使用 IntelliSense 了解相關(guān)屬性。 
   // 懸停以查看現(xiàn)有屬性的描述。
   // 欲了解更多信息，請(qǐng)?jiān)L問(wèn): https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
       {
           "type": "chrome",
           "request": "launch",
           "name": "cocos Chrome",
           "url": "http://localhost:7456",
           "sourceMaps": true,
           "userDataDir": "${workspaceRoot}/.vscode/chrome",
           "diagnosticLogging": false,
           "webRoot": "${workspaceRoot}",
           "sourceMapPathOverrides": {
               "assets/*": "${workspaceRoot}/assets/*"
           },
           "runtimeArgs": ["--disable-web-security"],//解決跨域問(wèn)題
           "pathMapping":{
               "/preview-scripts/assets": "${workspaceRoot}/temp/quick-scripts/assets",
               "/": "${workspaceRoot}"
           }
       }
   ]
}
注意： 跨域那個(gè) 不需要可以注釋

  1. vscode中 F5 啟動(dòng)調(diào)試


  2. 如上圖 控制臺(tái)看日志，源代碼那里添加 斷點(diǎn)調(diào)試
    搞定~~~

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容