How Do I Debug Server And Client Simultaneously In Webstorm?

I have a node.js app that runs a server and sends index.html. The index.html interacts with the server. I want to debug the complete app, but when I debug the app, WebStorm only d

Solution 1:

In the Node.js run configuration, Browser/Live Edit tab, specify the URL of your server, tick both After launch and with JavaScript debugger checkboxes - client-side debugger will be launched once you start your node server with this configuration, so that you will be able to debug both simultaneously, using a single run configuration.

See also https://www.jetbrains.com/help/webstorm/debugging-javascript-in-chrome.html#debugging_js_on_external_web_server for some hints on debugging client-side code run in browser