As mentioned in multiple issues, debugging has not been working well in VSCode neither for for Main and Renderer processes.
This fixes these issues, thus closing: #3689 #3472

It proposes the following changes:

• Creating multiple launch configurations according to current setup in the start script in package.json
  • Electron: Pre launches a new script called start:VSCode witch is similar to start but does not include npm run start:renderer
  • Electron: Renderer start the start:renderer:VSCode script
    • launches new webpack config file (webpack.config.renderer.dev.vscode.ts), similar to previous webpack.config.renderer.dev.ts, which does not launch start:main as this seems to prevents debugging in VSCode
  • Electron: Main start the start:main script, which enables debugging breakpoints for VSCode
  • Electron: Renderer Attach starts as before attaching to port 9223
• Edit in main.ts to enable remote debugging port

  let port = '9223';
  if (process.env.MAIN_ARGS) {
    if (process.env.MAIN_ARGS) {
       port = (([...process.env.MAIN_ARGS.matchAll(/"[^"]+"|[^\s"]+/g)]
       .flat()
      .filter(str=>str.includes('debugging-port'))[0]||"=9223").split('=')[1])
    } 
  }
  app.commandLine.appendSwitch("remote-debugging-port", port)
  

ATTENTION: This config has only been tested in VSCode running on Win11! More testing is definitely needed! And it should be tested in different environments before merging!