Page Comparison

...

VS Code: The What and Why

VS Code is a cross-platform, multi-language code editor. With inline IntelliSense, debugging support for multiple languages, inline git support and an extensible API for plugins, it's the editor that has no boundaries.

...

• https://code.visualstudio.com/
• https://code.visualstudio.com/docs/editor/whyvscode
• https://code.visualstudio.com/docs/nodejs/nodejs-tutorial
• https://code.visualstudio.com/docs/nodejs/nodejs-debugging

Written Tutorial

VS Code Debug Setup for Profound.js

For VS Code, you will want to open your Profound.js installation directory in the Explorer. This is so it's easy to navigate and debug through existing source.

...

Once you have your Profound.js server running from VS Code, that means you are now able to debug.

Debugging a Profound.js module

For this example we will debug connect4.js, an example module shipped with Profound.js.

1. In the VS Code explorer, open 'modules/pjssamples/connect4.js'
   
   
2. When the file is open, set a breakpoint on where you'd like to break the program. You can set a breakpoint by clicking slightly left of the line number you'd like to break on.
   
   
3. Next, start debugging from VS Code and launch the application in your browser using the URL which is shown the debug console.
   
   
4. When the program breaks, VS Code will take focus and the current debugging line of the statement will be highlighted in yellow.
   
   
   From here, you are able to step through your module and debug the application.

Video Tutorial