要用 Visual Studio Code 進行程式碼的除錯,可透過 Visual Studio Code 左側的工具列切換至除錯畫面。

1.png

接著在程式碼欲中斷的程式碼位置前方用滑鼠點擊設置中斷點。

2.png

再按下 Debug 按鈕即可開始進行程式碼的除錯。

3.png

在程式碼進行除錯時,Visual Studio Code 會帶出變數資訊、呼叫堆疊、中斷點的控制設定及工具列等。

4.png

如有自己想要查看的變數,可按下滑鼠右鍵,選取 Debug: Add to Watch 選單選項。

5.png

變數即會被加入 WATCH 視窗,便於後續查看。

6.png