前言

接續討論 debugging，今天來分析 launch.json 的組成。

預設結構

首先，來看看啟動偵錯模式後，vs code 預設的 launch.json 的內容：

{
  // 使用 IntelliSense 以得知可用的屬性。
  // 暫留以檢視現有屬性的描述。
  // 如需詳細資訊，請瀏覽: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "啟動程式",
      "program": "${workspaceFolder}/samples/node/hello/app.js"
    }
  ]
}

結構的組成，以 configurations 為主，這是一個陣列，可以放置不同的偵錯項目。

configurations內的物件，其屬性為偵錯的相關設定：

• type：執行偵錯的語言，例如：node、chrome、go、cppdbg、Ruby。
• request：啟動 launch.json的方式，只有兩種。
  • attach：
    • 類似使用 devTool 進行偵錯的狀態，先啟動瀏覽器後，再將 devTools 附著（attach）上去。
    • 同理可證。先啟動程式後，才將偵錯的模組附著（attach）在程式上。
    • 因此可想成，適用於開發的程式碼屬於 client 端。
  • launch：
    • 藉由 launch.json 啟動（launch）程式後，偵錯將會自動附著在剛啟動的程式內。
    • 因此可想成，適用於開發的程式碼屬於 server 端。
• name：選擇要執行哪一個偵錯項目時，顯示的名稱。
  • 
  • 
• program：啟動偵錯時，要執行程式（需要填寫路徑）。

接著，來了解如何修改 configurations。

新增偵錯項目

開啟 launch.json 後，注意畫面的右下角

點擊後會跑出選單，提供目前有支援的偵錯內容。

如果沒有自己需要的語言，記得去 extension 找尋語言包。

偵錯的相關設定

強制性項目

所有偵錯種類的的選擇性項目

部分偵錯種類的的選擇性項目

使用不同作業系統的對應方式

結論

說實在的，這部分的設定繁雜，即使了解相關項目的功能，也不敢保證能完全上手。

因此要熟悉使用偵錯功能，方法如同寫程式的老話：

學習寫程式的方法就是去寫程式。
學習寫偵錯設定的方法就是去寫偵錯設定。