electron/docs-translations/zh-TW/tutorial/debugging-main-process-vsco...

1.0 KiB

在 VSCode 裡為主程序除錯

1. 用 VSCode 打開 Electron 專案

$ git clone git@github.com:electron/electron-quick-start.git
$ code electron-quick-start

2. 加入 .vscode/launch.json 檔案,裏面包含以下設定:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Main Process",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceRoot}",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
      "program": "${workspaceRoot}/main.js"
    }
  ]
}

注意: 在 Windows 上, 請把 runtimeExecutable 換成 "${workspaceRoot}/node_modules/.bin/electron.cmd"

3. 除錯

main.js 裡設定一些中斷點, 透過 Debug View 開始除錯,中斷點執行過程中必須可以被運行到。

這邊有一些預先設定好的專案,可以讓你下載並直接在 VSCode 除錯: https://github.com/octref/vscode-electron-debug/tree/master/electron-quick-start