WebStorm 斷點(diǎn)調(diào)試方法

最近HTML5很火,而且大家都在用WebStorm開發(fā)工具,但是有個(gè)問題是我們寫JavaScript怎么像其他編輯器那樣進(jìn)行斷點(diǎn)調(diào)試呢,今天就帶大家來配置一下,讓你的WebStorm如同飛一般的感覺。
1.斷點(diǎn)調(diào)試需要瀏覽器添加支持的插件,以Chrome瀏覽器為例,如果怕麻煩的同學(xué)可以直接點(diǎn)擊下面的連接為Chrome添加插件
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
ps:需要翻墻哦
2.如果你記不住的話,直接看圖
3.點(diǎn)擊獲取更多擴(kuò)展程序
4.搜索
JetBrains IDE Support
5.然后添加
6.接下來在你的Chrmoe的右上角就能看到一個(gè) JB了
7.然后配置 配置完成之后要點(diǎn)擊 Apply
8.接下來設(shè)置默認(rèn)瀏覽器為Chrome這一步很關(guān)鍵,因?yàn)檎{(diào)試的瀏覽器只會啟動默認(rèn)瀏覽器
9.開始調(diào)試
打開webStrom,創(chuàng)建一份工程,寫javaScript代碼
注意這里調(diào)試的只是javaScript
10.點(diǎn)擊斷點(diǎn),在js代碼前面點(diǎn)擊,當(dāng)代碼執(zhí)行的時(shí)候就會在這里停下,下面的代碼就不執(zhí)行了
11.然后在這個(gè)工程的HTML文件上右鍵
12.接下來你就會看到斷點(diǎn)調(diào)試后的界面
相關(guān)文章
Jetbrains Clion、PyCharm、WebStorm、PhpStorm等注冊機(jī)萬能破解教程
CLion是一款最新推出的編程工具,輕松的編程和管理自己的代碼,下面分享了Clion、WebStorm等萬能破解方法,僅供參考,希望對大家有幫助2017-03-31Webstorm下如何結(jié)合chrome debug js程序
這篇文章主要介紹了Webstorm如何配合chrome debug js程序,需要的朋友可以參考下2017-03-09使用webstorm進(jìn)行javascript的Debug調(diào)試功能
webstorm支持了我們在代碼上打斷點(diǎn),然后就可以在編輯器里debug自己的js代碼,廢話不說看一下怎么配置,需要的朋友可以參考下2017-03-09- WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaSscript IDE”等,現(xiàn)將最常2014-10-19
webstorm/phpstorm配置連接ftp快速進(jìn)行文件比較(上傳下載/同步)操作
Phpstorm除了能直接打開localhost文件之外,還可以連接FTP,除了完成正常的數(shù)據(jù)傳遞任務(wù)之外,還可以進(jìn)行本地文件與服務(wù)端文件的異同比較,同一文件自動匹配目錄上傳,下載2013-12-23WebStorm怎么破解?WebStorm 11安裝+破解激活方法圖文教程
WebStorm,是一款專業(yè)JavaScript開發(fā)工具,被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。有網(wǎng)友朋友問小編WebSto2017-07-18