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 thestart script inpackage.json
  • Electron: Pre launches a new script calledstart:VSCode witch is similar tostart but does not includenpm run start:renderer
  • Electron: Renderer start thestart:renderer:VSCode script
    • launches new webpack config file (webpack.config.renderer.dev.vscode.ts), similar to previouswebpack.config.renderer.dev.ts, which does not launchstart:main as this seems to prevents debugging in VSCode
  • Electron: Main start thestart:main script, which enables debugging breakpoints for VSCode
  • Electron: Renderer Attach starts as before attaching to port 9223
• Edit inmain.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!