如何在VScode對JS代碼進行調試?
使用VS code對JS進行Debug,需要安裝一個插件,這個插件是根據你所使用的瀏覽器來的,不同瀏覽器對應插件!
瀏覽器 | 插件 |
Chrome | Debugger for Chrome |
Firefox | Debugger for Firefox |
Microsoft Edge | Debugger for Microsoft Edge |
常用的瀏覽器也就這些哈!我是使用的Debugger for Chrome,此次演示也是用它,其實都一樣!
實現站內打開預覽界面
實現了編譯器內調試,不在編譯器中打開預覽簡直就是毫無意義!為了實現更好的開發體驗,我們還需要一個插件!
Live Server是一款在瀏覽器預覽插件,它還可以實現隨着代碼的不斷改變,實現實時更新!相信都用過吧!
具體步驟
將Debugger for Chrome和Live Server插件下載…
第一步:打開調試,選擇調試環境!
第二步:更改預覽端口號
使用Live Server插件打開一個html文件,查看端口號。
第三步:運行
該有的功能基本都能實現
打開編輯器中打開瀏覽器預覽
找到設置,然后在搜索欄-搜索“ open-in”