在 WebStorm 中解决 electron 主进程无法调试，打了断点无反应的问题，具体步骤如下:

一、创建 node 运行配置

1. 打开 WebStorm，进入你的项目

2. 在顶部菜单中选择 Run -> Edit Configurations...

   

3. 在打开的窗口中，点击左上角的 + 按钮，选择 Node.js

4. 创建 electron - debug

   名称: 你可以为这个配置命名，例如 electron - debug
   Node 解释器: 选择与项目兼容的 Node 解释器即可
   节点形参: 保持为空
   工作目录: 项目根目录
   JavaScript 文件: node_modules\@vue\cli-service\bin\vue-cli-service.js
   应用程序形参: electron:serve --debug

   

5. 创建 electron - main

   名称: 你可以为这个配置命名，例如 electron - main
   Node 解释器: P:\Root\Project\JS\gridea\node_modules\.bin\electron.cmd
   节点形参: ./dist_electron
   工作目录: 项目根目录
   JavaScript 文件: 保持为空
   应用程序形参: --sourcemap --remote-debugging-port=9222

   

6. 点击 OK 保存配置

在调试模式下运行配置

1. 在 WebStorm 的顶部工具栏中，选择你刚刚创建的 electron - debug 配置

2. 以正常模式运行 electron:serve 配置

   

3. 运行之后，再选择你创建的 electron - main 配置，以调试模式运行 electron:serve 配置

   

这样，你就能够在 WebStorm 上调试 electron 应用的主进程了

参考

Debugging Electron Vue main process doesn't work