Shulou(Shulou.com)06/03 Report--

This article will explain in detail how to use Node.js+DevTools to debug applications quickly. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

When doing some Node-related development, we often output the contents of variables to the console for viewing through Console. Simple data can be viewed, but when we encounter larger objects, property functions and other mounted consoles, it is possible that the console will not be displayed, and even the content will be washed out, seriously hindering our development efficiency. Today we will use node-nightly to make it easy for us to debug in Chrome and view our objects and output logs.

Let's take a look at the effect through a simple demo plug-in for webpack

Prepare node-nightly:

Install node-nightly: npm install-- global node-nightly.

Execute node-nightly:node-nightly.

Start the entry script:

Execute the entry script through node-nightly: node-nightly-- inspect-brk. / node_modules/webpack/bin/webpack.js, and the script will break at the first statement, waiting for the action.

Enter chrome://inspect to open Chrome Inspect.

Enter inspect:

The script is waiting:

Add the workspace of the current node project to source, and later we can do it the same way we used to debug JavaScript in chrome.

The information in Console is also printed out.

Supplementary explanation

Often our webpack configuration files will distinguish between different environments for special configuration, node-nightly also allows us to add configurations such as:-- config webpack.prod.js after the command is executed.

Debugging our other simple Node single scripts will be easier, you can give it a try.

If node-nightly is not working properly, we can install the specified version: node-nightly-- version {version} or install the latest schedule: node-nightly-- upgrade to try to fix the problem

This is the end of this article on "how to debug applications quickly using Node.js+DevTools". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.