首先安裝擴充調試外掛debugger for chrome
#點擊瓢蟲按鈕，進行偵錯專案的配置，點選配置按鈕
選擇Chrome環境
#會彈出Chrome調試設定檔launch.json，修改下連接埠即可
若是沒有lauch.json設定檔產生，也可以透過以下方式進行設定檔的開啟。選擇新增設定
再選擇Chrome：Launch，修改下連接埠即可
#開啟項目，透過ctrl ` 【注意該`為Tab鍵上的`】輸入ng serve啟動專案
#切換到瓢蟲介面，例如我們在app.component.ts裡頭設定了一個斷點
#啟動偵錯按鈕，會自動彈出瀏覽器頁面
#刷新頁面之後，會發現，程式運行到，斷點位置
我們可以進行變數的查看，異常捕獲，呼叫堆疊等調試。
相關文章教學推薦：vscode教學
#以上是vscode如何調試程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
