Node Debugging in VSCode

node-debugging-vscode.md

Debugging Express server in VSCode ( As of 5/2018 )

Node + Express + Babel

Setup

• Using Babel to transpile ES6 -> ES5
• Add breakpoints in the src/ folder ( NOT the dist/ folder ) 🔥

Folder structure

• src/ : Contains .js es6 files
• dist/ : contains .js es5 files ( transpiled )

VSCode/Project setup

package.json

• Scripts

    "build": "mkdir -p dist/ && babel src/ -d dist --source-maps",
    "debug": "node --nolazy --inspect-brk=9229 dist/index.js"

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch via NPM",
            "runtimeExecutable": "npm",
            "runtimeArgs": [
                "run-script",
                "debug"
            ],
            "outFiles": [ "${workspaceFolder}/dist/**/*.js" ],
            "preLaunchTask": "npm: build",
            "sourceMaps": true,
            "port": 9229,
            "smartStep": true,
        },
      ],
}

Node + Express + Babel + Nodemon

TODO