WebStorm 断点调试方法
程序员文章站
2022-03-24 16:11:15
WebStorm 断点调试方法...
最近html5很火,而且大家都在用webstorm开发工具,但是有个问题是我们写javascript怎么像其他编辑器那样进行断点调试呢,今天就带大家来配置一下,让你的webstorm如同飞一般的感觉。
1.断点调试需要浏览器添加支持的插件,以chrome浏览器为例,如果怕麻烦的同学可以直接点击下面的连接为chrome添加插件
ps:需要*哦
2.如果你记不住的话,直接看图
3.点击获取更多扩展程序
4.搜索
jetbrains ide support
5.然后添加
6.接下来在你的chrmoe的右上角就能看到一个 jb了
7.然后配置 配置完成之后要点击 apply
8.接下来设置默认浏览器为chrome这一步很关键,因为调试的浏览器只会启动默认浏览器
9.开始调试
打开webstrom,创建一份工程,写javascript代码
注意这里调试的只是javascript
10.点击断点,在js代码前面点击,当代码执行的时候就会在这里停下,下面的代码就不执行了
11.然后在这个工程的html文件上右键
12.接下来你就会看到断点调试后的界面