Visual Studio代码是否可以配置为启动electron

Question

因为VisualStudio代码是使用Electron创建的，所以我猜是这样的。json可以配置为使用Electron正确启动应用程序。但我还没弄明白怎么做。

因为电子是基于io的。js，它本身基于节点。js，我在想也许。。。这是可以做到的，但还没有找到魔法。

试过这样的方法。。。来自launch的代码片段。json:

"configurations": [
    {
        // Name of configuration; appears in the launch configuration drop down menu.
        "name": "Launch Electron",
        // Type of configuration. Possible values: "node", "mono".
        "type": "node",
        // Workspace relative or absolute path to the program.
        "program": "Y:\\dev\\electron\\electron.exe",
        // Automatically stop program after launch.
        "stopOnEntry": false,
        // Command line arguments passed to the program.
        "args": ["CrawlSpace_Electron\\"],
        // Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace.
        "cwd": ".",
        // Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH.
        "runtimeExecutable": null,
        // Environment variables passed to the program.
        "env": { }
    }, 

它确实启动了电子，但失败了（窗口消失得太快，看不出确切的原因）。

有什么想法吗？

Answer 1

从理论上讲，以下方法应该有效：指定电子。exe作为“runtimeExecutable”（因为它取代了节点运行时）。电子程序（“爬行空间\电子”）成为“程序”。VSCode自动将“-debug brk”或“-debug”传递给electron。exe。实际上，VSCode还不支持此设置，因为VSCode的预览版本会尝试验证“program”属性是否是磁盘上存在的文件。但对于electron，“程序”必须是一个目录。我已经在我们这边创建了一个bug，并将确保它在下一版本中得到修复。

Answer 2

是的，可以。VSCode不仅可以发射电子，还可以调试它。

使用节点您可以调试电子的主进程，但是使用调试器Chrome您也可以调试电子的渲染器进程。我就这个话题写了一篇博文：http://code.matsu.io/1.

目前投票率最高的答案有点过时。

• 您应该使用electron而不是electron预构建。看见http://electron.atom.io/blog/2016/08/16/npm-install-electron

以下是两个预配置的项目：https://github.com/octref/vscode-electron-debug.

• 一个配置为运行电子/电子-快速启动
• 一个由电子/电子-快速-启动修改为使用ES6

这是启动。第一个项目的json。要运行目标“调试渲染器进程”，您需要安装Chrome的调试器。但“调试主进程”在普通VSC代码上运行良好。

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Main Process",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceRoot}",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
      // Use the following for Windows
      // "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd",
      "program": "${workspaceRoot}/main.js"
    },
    {
      "name": "Debug Renderer Process",
      "type": "chrome",
      "request": "launch",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
      // Use the following for Windows
      // "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd",
      "runtimeArgs": [
        "${workspaceRoot}/main.js",
        "--remote-debugging-port=9222"
      ],
      "webRoot": "${workspaceRoot}"
    }
  ]
}

Answer 3

如果你指定电子。exe作为运行时可执行文件（如前所述），您可以传递main。js文件作为程序，它将工作。Electron允许您指定目录或主目录。js文件，因为这几乎就是软件包的内容。json指向。在我的启动中使用下面的配置。json文件，按F5键，我的应用程序启动了Electron，并将调试器连接到主进程（最终）。。。

{
    "name": "Launch Electron",
    "type": "node",
    "program": "${workspaceRoot}/app/main.js", // ensure this is path to main.js file
    "stopOnEntry": false,
    "args": [], 
    "cwd": "${workspaceRoot}",
    // as you have noted, this is also important:
    "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
}, 

我的主菜。js文件位于我通常会传递给Electron的应用程序文件夹中。