如何在VScode對JS代碼進行調試


如何在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”

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM