Prepare for debugging: create a run/debug configuration. Select the newly created Node.js configuration from the Select run/debug configuration list on the toolbar and click next to it. If necessary, WebStorm can generate a JavaScript Debug configuration and start it automatically together with the Node.js configuration as described in Debugging the server- and the client-side code. See npm, Yarn, and pnpm official web sites for details. WebStorm parses package.json files, recognizing definitions of scripts, shows scripts in a tree view, and lets you navigate between a script in the tree and its definition in the package.json file. WebStorm also lets you run and debug npm, Yarn, and pnpm scripts.
#WEBSTORM NODEJS DEBUG CODE#
Compile TypeScript : select to run the built-in TypeScript compiler and thus make sure that all the changes you made to your TypeScript code are reflected in the generated JavaScript files. In the NPM Script dialog that opens, specify the npm run/debug configuration settings. Run npm Script: select this option to execute an npm script. Then start up the debugging process by running the following command - npm run debug The debugger automatically turns on. "debug": "nodemon -config nodemon-debug.json" Then in the VS Code, hit F1 > search for Debug: Toggle Auto Attach. Our website uses cookies and collects your IP address for these purposes. Run/Debug Configuration: Attach to Node.js/Chrome-WebStorm Cookies and IP addresses allow us to deliver and improve our web content and to provide you with a personalized experience. Run this process in debug mode simultaneously with your running project and your breakpoints should work. To run the project in nodemon debug mode, first run your app.js or equivalent file with the run button and attach the debug process by hitting the drop down and to your newly created Nodemon Debug configuration.
On the Node.js and NPM page that opens, select the required Node.js installation from the Node Interpreter list. In the Settings/Preferences dialog Ctrl+Alt+S, go to Languages and Frameworks | Node.js and NPM. Proceed as when starting the debugger together with a Node.js application.
Create a Node.js configuration as described above, select it from the Select run/debug configuration list on the toolbar, and click next to the list. Set the breakpoints in the Node.js code as necessary. In addition to that, you can also debug unit tests and build scripts. With WebStorm you can debug all kinds of applications written in JavaScript, TypeScript or Dart: Node.js, React Native and Electron apps and, of course, client-side apps written using different frameworks. The debugger is one of the most essential features of WebStorm.
Specify the path to the JavaScript file that needs to be executed. Сlick + to add a new configuration and seleсt Node.js type. Click Edit configurations in the top right-hand corner of the IDE window or in the main menu Run. To run your Node.js application locally on your machine, you need to create a new Node.js Run/Debug configuration. This is helpful if the root folder of the running application is different from the name of you WebStorm project root folder. In this area, specify the remote paths for the project folders.
See Debugging an application that uses nodemon for details. This lets you debug Node.js applications that use the nodemon utility, which automatically reloads your Node.js process when the code is updated. You can do many things that will help you explore the code and understand where the bug is. You can put breakpoints right in your source code (no more debugger and console.log () statements!), which can be written in JavaScript or TypeScript. WebStorm makes it easier to debug Node.js apps.
0 kommentar(er)
