一文分享如何使用vscode打斷點(diǎn)
方式一:使用debugger
介紹:js自帶的方法
優(yōu)點(diǎn):簡(jiǎn)單好用,不需要額外的配置,在需要打斷點(diǎn)的位置添加debugger,然后去瀏覽器中調(diào)試。推薦使用這種方法,比較方便
注意:生產(chǎn)環(huán)境下需要去掉
方式二:使用vscode插件斷點(diǎn)
介紹:vscode集成的斷點(diǎn)調(diào)試。
優(yōu)點(diǎn):減少瀏覽器和編輯器之間的頻繁切換 提高開(kāi)發(fā)效率
下載插件: Debugger for Chrome(已廢棄) JavaScript Debugger(用這個(gè))
配置斷點(diǎn)JSON文件,我主要在Chrome中調(diào)試,所以選擇的是Chrome環(huán)境
方法三:使用Chrome瀏覽器斷點(diǎn)
總結(jié)
到此這篇關(guān)于如何使用vscode打斷點(diǎn)的文章就介紹到這了,更多相關(guān)vscode打斷點(diǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
IDEA中alt+?enter快捷鍵失效/沒(méi)用時(shí)該怎么辦(詳細(xì)版)
IDEA里有一個(gè)萬(wàn)能快捷鍵(alt enter)功能非常強(qiáng)大,同一個(gè)快捷鍵,可以根據(jù)不同的語(yǔ)境提示你不同的操作,這篇文章主要給大家介紹了關(guān)于IDEA中alt+?enter快捷鍵失效/沒(méi)用時(shí)該怎么辦的相關(guān)資料,需要的朋友可以參考下2023-12-12VS Code使用Git可視化管理源代碼詳細(xì)教程(推薦)
這篇文章主要介紹了VS Code使用Git可視化管理源代碼詳細(xì)教程,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-02-02idea一直indexing無(wú)法操作的問(wèn)題解決
在使用idea 2020.3版本開(kāi)發(fā)maven項(xiàng)目的時(shí)候,一直出現(xiàn)有效件index,idea基本上就沒(méi)辦法操作了,連跳入到類(lèi)或方法里都跳不了,本文就來(lái)介紹一下解決方法,感興趣的可以了解一下2024-01-01TCP協(xié)議詳解_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
本文描述了TCP協(xié)議,首先簡(jiǎn)單介紹了TCP完成了一些什么功能;介紹了TCP報(bào)文格式,以及典型報(bào)文的數(shù)據(jù)格式?,F(xiàn)在通過(guò)本文給大家詳細(xì)介紹,感興趣的的朋友一起看看吧2017-07-07高性能WEB開(kāi)發(fā) web性能測(cè)試工具推薦
WEB性能測(cè)試工具主要分為三種,一種是測(cè)試頁(yè)面資源加載速度的,一種是測(cè)試頁(yè)面加載完畢后頁(yè)面呈現(xiàn)、JS操作速度的,還有一種是總體上對(duì)頁(yè)面進(jìn)行評(píng)價(jià)分析,下面分別對(duì)這些工具進(jìn)行介紹,如果誰(shuí)有更好的工具也請(qǐng)一起分享下。2010-05-05