electron-vue main主进程调试

前言

使用electron-vue搭建的项目调试main主进程与传统的electron略有不同

配置

1、在VSCode –> 运行 –> 添加配置 –> node.js ，将会生成.vscode/lauch.json文件
将文件中的configurations替换为

{
      "name": "Electron Main",
      "program": "${workspaceFolder}/.electron-vue/dev-runner.js",
      "request": "launch",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "type": "node",
      "autoAttachChildProcesses": true
    }

2、编辑.electron-vue/webpack.main.config.js文件，在配置中添加如下代码：

devtool: "source-map",

启动调试

1、按F5就可以启动调试

报错

1、TypeError: Cannot read property ‘endsWith’ of undefined

// 解决方案：将.electron-vue/dev-runner.js报错部分代码注释

// detect yarn or npm and process commandline args accordingly
// if (process.env.npm_execpath.endsWith('yarn.js')) {
//   args = args.concat(process.argv.slice(3))
// } else if (process.env.npm_execpath.endsWith('npm-cli.js')) {
//   args = args.concat(process.argv.slice(2))
// }