PyCharm
 
Get PyCharm

Debugging the server- and the client-side code

Last modified: 25 June 2024

With PyCharm, you can debug the server-side code of a Node.js application together with its client-side JavaScript code. To do that, you need to create and launch a JavaScript Debug configuration in addition to the Node.js configuration.

With PyCharm, you can create a JavaScript Debug configuration from the Live Edit tab when creating or editing the main Node.js configuration. In this case, the JavaScript Debug configuration will start automatically every time you start the Node.js configuration.

https://resources.jetbrains.com/help/img/idea/2024.3/node_debug_server_client.png
Gif

Alternatively, create a JavaScript Debug configuration from the Edit Configurations dialog (Run | Edit Configurations) and then launch the configurations separately.