WebStorm 断点调试方法
发布时间：2017-03-09 21:32:19 作者：佚名 
我要评论
我要评论最近HTML5很火,而且大家都在用WebStorm开发工具,但是有个问题是我们写JavaScript怎么像其他编辑器那样进行断点调试呢,今天就带大家来配置一下,让你的WebStorm如同飞一般的感觉
最近HTML5很火,而且大家都在用WebStorm开发工具,但是有个问题是我们写JavaScript怎么像其他编辑器那样进行断点调试呢,今天就带大家来配置一下,让你的WebStorm如同飞一般的感觉。
1.断点调试需要浏览器添加支持的插件,以Chrome浏览器为例,如果怕麻烦的同学可以直接点击下面的连接为Chrome添加插件
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
ps:需要翻墙哦
2.如果你记不住的话,直接看图
3.点击获取更多扩展程序
4.搜索
JetBrains IDE Support
5.然后添加
6.接下来在你的Chrmoe的右上角就能看到一个 JB了
7.然后配置 配置完成之后要点击 Apply
8.接下来设置默认浏览器为Chrome这一步很关键,因为调试的浏览器只会启动默认浏览器
9.开始调试
打开webStrom,创建一份工程,写javaScript代码
注意这里调试的只是javaScript
10.点击断点,在js代码前面点击,当代码执行的时候就会在这里停下,下面的代码就不执行了
11.然后在这个工程的HTML文件上右键
12.接下来你就会看到断点调试后的界面
相关文章
Jetbrains Clion、PyCharm、WebStorm、PhpStorm等注册机万能破解教程
CLion是一款最新推出的编程工具，轻松的编程和管理自己的代码，下面分享了Clion、WebStorm等万能破解方法，仅供参考，希望对大家有帮助2017-03-31Webstorm下如何结合chrome debug js程序
这篇文章主要介绍了Webstorm如何配合chrome debug js程序,需要的朋友可以参考下2017-03-09使用webstorm进行javascript的Debug调试功能
webstorm支持了我们在代码上打断点，然后就可以在编辑器里debug自己的js代码，废话不说看一下怎么配置,需要的朋友可以参考下2017-03-09- WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等,现将最常2014-10-19
webstorm/phpstorm配置连接ftp快速进行文件比较(上传下载/同步)操作
Phpstorm除了能直接打开localhost文件之外，还可以连接FTP，除了完成正常的数据传递任务之外，还可以进行本地文件与服务端文件的异同比较，同一文件自动匹配目录上传，下载2013-12-23
WebStorm怎么破解？WebStorm 11安装+破解激活方法图文教程
WebStorm，是一款专业JavaScript开发工具，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。有网友朋友问小编WebSto2017-07-18
最新评论