调试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文件内的需要调试的地方打上断点（点击行号，显示蓝色即可），之后就会发现游戏会在断点处自动停下。