用 VSCode 打開項目目錄，創建 .vscode/launch.json 文件或者點擊調試視窗: 點擊添加配置可以生成預設的配置 runtimeExecutable： 可以指定對應的瀏覽器，路徑是你瀏覽器安裝的位置 url: 把訪問的 url 改為開發伺服器啟動的地址 進入調試視窗，點擊啟動： ...
- 用 VSCode 打開項目目錄，創建 .vscode/launch.json 文件或者點擊調試視窗:
- 點擊添加配置可以生成預設的配置
runtimeExecutable： 可以指定對應的瀏覽器，路徑是你瀏覽器安裝的位置
url: 把訪問的 url 改為開發伺服器啟動的地址
- 進入調試視窗，點擊啟動：
- 可以看到瀏覽器在新視窗打開了項目
- 在項目代碼打上斷點 點擊重啟 項目會刷新並執行到斷點的地方
作用域和調用棧都會在左側可以看到
其餘功能都和chrome的調式都大致一樣
那麼用 VSCode Debugger 調試代碼的好處是什麼？
好處是不用切換工具呀，之前是調試在 Chrome DevTools，寫代碼在 VSCode，而現在寫代碼和調試都可以在 VSCode 里，可以邊調試邊寫代碼。邊調試邊寫代碼是我推薦的寫代碼方式。
可以在控制台直觀的看到變數的值，後面還有更多方便調試的點
