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