首页 > 解决方案 > 如何在 Visual Studio Code 中调试 Electron TypeScript 应用程序

问题描述

我下载了electron-quick-start-typescript示例,但未能在 Visual Studio Code 中对其进行调试,例如通过设置断点。为 Electron 应用程序创建的默认launch.jsonVS Code 不起作用。他们网页上给出的示例也不起作用。

https://www.electronjs.org/docs/tutorial/debugging-main-process-vscode

{
  "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"
    }
  ]
}

为什么这个例子没有--remote-debugging-port=9223参数?这是packages.json从示例中给出的。

"scripts": {
  "build": "tsc",
  "watch": "tsc -w",
  "lint": "tslint -c tslint.json -p tsconfig.json",
  "start": "npm run build && electron ./dist/main.js"
},
...

谁能解释一下为什么这个工作流程如此糟糕?我在这里想念什么?

标签: typescriptvisual-studio-codeelectron

解决方案


推荐阅读