Webstorm JavaScript IDE Debugging

Webstorm is I have seen the front-end development debugging the best use of IDE tools, it not only has a powerful editor, code Lookup reference function, more powerful JS debugging function, which is any through Firebug,chrome Devtool, Console.log and other low-level debugging can not be compared.

This paper tries to explore how to make the environment better, 工欲善其事 and its prerequisite.

1. Configure a debug profile in the Webstorm local project

2. Chrome installs a browser plug-in shared by Webstorm/phpstorm https://chrome.google.com/webstore/detail/jetbrains-ide-support/ Hmhgeddbohgjknpmjagkdomcpobmllji

The function of the plug-in is to communicate with the Webstorm debug server;

3. Insert any breakpoints you wish to debug in the IDE;

4. In webstorm, click Run->debug xxx to start debugging, you can see the breakpoint

Enjoy debugging~~

Webstorm JavaScript IDE Debugging