在 Visual Studio Code 中調試 electron 應用程序

Question

我可以就以下問題尋求幫助嗎？

我有一個 electron 應用程序（基本上是快速啟動應用程序，非常簡單）。

我正在使用 Visual Studio Code 查看代碼。 我使用命令“npm start”從 Visual Studio Code 中的終端 window 運行項目。 一切正常。

我希望能夠在 main.js 中調試 electron 代碼。 所以我點擊“運行和調試”並選擇“創建一個launch.json文件”。 從隨后的下拉菜單中，我選擇了“Node.js”。 這將生成 launch.json 文件：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}\\main.js"
        }
    ]
}

如果我現在點擊“啟動程序”，我會得到：

Error: Cannot find module 'electron'

我已經全局安裝了 electron，所以我添加了這一行：

"runtimeExecutable": "C:\\Users\\MyUserName\\AppData\\Roaming\\npm\\node_modules\\electron\\dist"

現在我得到：

C:\Users\MyUserName\AppData\Roaming\npm\node_modules\electron\dist .\main.js
Error: spawn C:\Users\MyUserName\AppData\Roaming\npm\node_modules\electron\dist ENOENT
    at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
    at onErrorNT (internal/child_process.js:465:16)
    at processTicksAndRejections (internal/process/task_queues.js:80:21)

感謝您提供任何建議，使我能夠通過“運行和調試”按鈕運行和調試它，而不僅僅是通過終端 window 的“npm start”運行它。

Answer 1

我找到的解決方案在這里： https://www.electronjs.org/docs/latest/tutorial/debugging-vscode

他們在該地址給出的launch.json是：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Main Process",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
      "windows": {
        "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
      },
      "args" : ["."],
      "outputCapture": "std"
    }
  ]
}

我將上述內容復制並粘貼到我的啟動中。json和我的 Electron 應用程序立即開始在 VS Code 中工作，就像我從控制台手動調用“npm start”一樣。 除了它比“npm start”更好，因為對於服務器端的 js 文件，調試斷點確實有效！