Debug Nodejs with VSCode

Now Node.js support inspector protocol (>= 6.3 (Windows: >= 6.9)), we can add inspector by run script like this shell node --inspect app.js.

then in the console it will print a url to allow you to inspect from chrome or anyother tool.

Debugger listening on ws://
For help see

then we open chrome, type chrome://inspect it will show the local apps have inspector enabled. select the one you just started, click inspect. then select source tab, and in the network tab,(ok, I already feel boring.)select the js file, then you can set breakpoint.

It obviously not handy at all, eveytime you start a app, you need choose, choose…

So let’s try VSCode debug.

first in the package.json

add dev script like this

"scripts": {
    "dev": "nodemon  --inspect app.js"   

then click left debug icon to open debug panel, you will see there are no config, you can click add configration or open launch.json button, if you have not a launch.json, it will create one for you, you select the “Node.js > Launch via NPM” menu from the dropdown list. it will create a configuration. change the script name to dev which we have just created in the package.json, also you can chnage the name to the one you like.

"configurations": [
            "type": "node",
            "request": "launch",
            "name": "Debug-Dev",
            "runtimeExecutable": "npm",
            "runtimeArgs": [
            "port": 9229

now we can see there are a Debug-Dev launch item in the left debug panel. click the start button, here we go. then you can set breakpoint the vscode. that’s all.


Total views.

© 2013 - 2020. All rights reserved.

Powered by Hydejack v6.6.1