vscode如何調試程式碼

首先安裝擴充調試外掛debugger for chrome

#點擊瓢蟲按鈕，進行偵錯專案的配置，點選配置按鈕

選擇Chrome環境

#會彈出Chrome調試設定檔launch.json，修改下連接埠即可

若是沒有lauch.json設定檔產生，也可以透過以下方式進行設定檔的開啟。選擇新增設定

 再選擇Chrome：Launch，修改下連接埠即可

#開啟項目，透過ctrl ` 【注意該`為Tab鍵上的`】輸入ng serve啟動專案

#切換到瓢蟲介面，例如我們在app.component.ts裡頭設定了一個斷點

#啟動偵錯按鈕，會自動彈出瀏覽器頁面

#刷新頁面之後，會發現，程式運行到，斷點位置

我們可以進行變數的查看，異常捕獲，呼叫堆疊等調試。

相關文章教學推薦：vscode教學

#

以上是vscode如何調試程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！