title: Debugging Electron renderer process with VSCode
body: <p>I tried <a href="https://github.com/Microsoft/vscode-recipes/tree/master/Electron" rel="nofollow noreferrer">this document</a>, but hit a problem.</p>
  
  <p>I went through the guide one by one and it is all fine until <em>"1. Update the contents of renderer.js to"</em> in <strong><em>"Debugging of the renderer process"</em></strong> section.<br>
  But when I try <em>"2. While your debug session is...."</em>, VSCode shows the image like below and I cannot attach the debugger to the Electron process.</p>
  
  <p>The list in the image shows the tabs of my browser but there's no option corresponding to the electron process launched by the Main debugger.<br>
  How do I solve this issue?</p>
  
  <p><a href="https://i.stack.imgur.com/OhqIA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OhqIA.png" alt="enter image description here"></a></p>