- 用 VSCode 打開專案目錄,創建 .vscode/launch.json 檔案或者點擊除錯視窗:


- 點擊添加配置可以生成默認的配置

runtimeExecutable: 可以指定對應的瀏覽器,路徑是你瀏覽器安裝的位置
url: 把訪問的 url 改為開發服務器啟動的地址
- 進入除錯視窗,點擊啟動:

- 可以看到瀏覽器在新視窗打開了專案

- 在專案代碼打上斷點 點擊重啟 專案會重繪并執行到斷點的地方

作用域和呼叫堆疊都會在左側可以看到
其余功能都和chrome的調式都大致一樣
那么用 VSCode Debugger 除錯代碼的好處是什么?
好處是不用切換工具呀,之前是除錯在 Chrome DevTools,寫代碼在 VSCode,而現在寫代碼和除錯都可以在 VSCode 里,可以邊除錯邊寫代碼,邊除錯邊寫代碼是我推薦的寫代碼方式,
可以在控制臺直觀的看到變數的值,后面還有更多方便除錯的點

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/541139.html
標籤:Html/Css
