VSCode debugging configurations

chrome-debug.launch.json

// Debug a process running in the browser

{
  "name": "Chrome",
  "type": "chrome",
  "request": "launch",
  "url": "http://localhost:3000",
  "webRoot": "${workspaceFolder}"
},

file-debug.launch.json

// Start debugging from a specific JS file

{
  "type": "node",
  "request": "launch",
  "name": "Name of your debug task",
  "program": "${workspaceRoot}/path/to/your/script.js",
},

script-debug.launch.json

// Start debugging from a specific npm script

{
  "name": "npm run script",
  "type": "node",
  "request": "launch",
  "cwd": "${workspaceRoot}/packages/my-app",
  "runtimeExecutable": "npm",
  "runtimeArgs": ["run-script", "build" /*, "--preserve-symlinks" */], // if degugging across symlinked projects
  "port": 5858,
  "resolveSourceMapLocations": [
    "${workspaceFolder}/**",
    "!**/node_modules/**"
   ],
   "console": "integratedTerminal",
},