调试Cocos Creator项目的两种方式

ps:需要将默认浏览器设置为Chrome

一、VS Code+Chrome

{
    "version": "0.2.0",
    "configurations": [
    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:7456",
        "webRoot": "${workspaceRoot}",
        "sourceMapPathOverrides": {
        "assets/*": "${workspaceRoot}/assets/*"
        },
        "sourceMaps": true,
        "userDataDir": "${workspaceRoot}/.vscode/chrome",
        "diagnosticLogging": false,
        "outFiles": [
            "${workspaceRoot}/dist/**/*.js"
          ]
    }
    ]
}

Vscode打开你要调试的项目内的js文件在里面设置断点,然后按F5,Chrom浏览器就会弹出打开了你的项目(当然这个项目你要在Creator内已经建立好)。

二、Chrome

在Cocos Creator中选择使用浏览器运行游戏项目(请将默认浏览器设置为Chrome) 在Chrome中按F12打开开发者工具 在对应JS文件内的需要调试的地方打上断点(点击行号,显示蓝色即可),之后就会发现游戏会在断点处自动停下。

经验分享 程序员 微信小程序 职场和发展