如何配置VSCode，通过运行按钮直接启动Electron应用？

直接按下面步骤操作即可：

1. 打开VSCode的「运行和调试」面板（快捷键Ctrl+Shift+D），点击面板里的「创建launch.json文件」，选择「Node.js」作为环境。

2. 把生成的launch.json内容替换成下面的配置：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动Electron应用",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
            "cwd": "${workspaceFolder}",
            "args": ["."]
        }
    ]
}

关键配置说明 #

• runtimeExecutable：指向项目本地安装的Electron可执行文件，确保你已经在项目根目录执行过npm install electron --save-dev安装依赖。如果是全局安装的Electron，也可以直接写"electron"，但更推荐用本地版本，避免版本不兼容问题。
• cwd：强制把工作目录设为项目根目录（${workspaceFolder}就是你VSCode打开的项目根路径），不管你当前在src目录下编辑哪个文件，运行时都会在根目录执行electron .命令。
• args：传给Electron的参数，这里的.就是指定从当前工作目录（项目根）的index.js启动应用。

配置完后，点击运行面板的绿色启动按钮，就能直接启动你的Electron应用了。

内容的提问来源于stack exchange，提问作者Blue Herring