前言

使用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))
// }

参考文摘

1、electron-vue开发笔记(4)main进程断点调试vscode配置