WebStorm怎么进行断点调试

WebStorm软件中，我们是可以直接进行断点调试的，操作的步骤非常的简单。这里就为大家带来关于断点调试的详细步骤分享，想了解的小伙伴 快一起来看看下面的介绍吧！

WebStorm怎么进行断点调试

1.断点调试需要浏览器添加支持的插件,以Chrome浏览器为例,如果怕麻烦的同学可以直接点击下面的连接为Chrome添加插件

https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji

2.如果你记不住的话,直接看图

3.点击获取更多扩展程序

4.搜索

JetBrains IDE Support

5.然后添加

6.接下来在你的Chrmoe的右上角就能看到一个 JB了

7.然后配置 配置完成之后要点击 Apply

8.接下来设置默认浏览器为Chrome这一步很关键,因为调试的浏览器只会启动默认浏览器

9.开始调试

打开webStrom,创建一份工程,写javaScript代码

注意这里调试的只是javaScript

10.点击断点,在js代码前面点击,当代码执行的时候就会在这里停下,下面的代码就不执行了

11.然后在这个工程的HTML文件上右键

12.接下来你就会看到断点调试后的界面