vscode 단점 디버깅 js 코드 설정

4

VSCode 플러그인: Debugger for Chrome ctrl+shift+p Extensions 선택: install Extensions 선택, Debugger for Chrome, installing 선택, reload

4

launch 수정.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    
    "version": "0.2.0",
    "configurations": [{
            "name": "     ", //  html  ，        
            "type": "chrome",
            "request": "launch",
            "url": "${file}",
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "nodeLauch", //    js，       js
            "type": "node",
            "request": "launch",
            "program": "${file}", //            、${file}       
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": [
                "--nolazy"
            ],
            "env": {
                "NODE_ENV": "development"
            },
            "console": "internalConsole",
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        }
    ]
}