title: How to setup Electron typing/completion in WebStorm 2020.2+?
body: <p>Is anyone aware of a more up-to-date guide than <a href="https://blog.jetbrains.com/webstorm/2016/05/getting-started-with-electron-in-webstorm/" rel="nofollow noreferrer">this old JetBrains blog</a>? Specifically, I’m trying to configure the code completion and types in WebStorm 2020.2, and the instructions in the &quot;<em>Configuring code completion</em>&quot; section don’t seem to work anymore. I can’t find any newer solution/guide online that doesn't reference that old article, and primarily just want WebStorm to properly recognize the Electron types/functions/etc.</p>
  <p><a href="https://i.stack.imgur.com/DzCtU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DzCtU.png" alt="WebStorm Settings" /></a></p>
  <p>Path for <code>electron.d.ts</code> file is <code>~/node_modules/electron/electron.d.ts</code>, and its contents look correct from what I can tell.</p>
  <p>I've tried changing the Library <code>Type</code> to <code>Debug</code> and <code>Release</code>, neither works - as well as changing the <code>Framework type</code> from <code>Custom</code> to every other option, with no luck. I also tried another method I found that directly installs <code>@types/electron</code>, but that's deprecated and doesn't have the proper contents, so I immediately uninstalled that.</p>
  <p><a href="https://i.stack.imgur.com/gTaEI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gTaEI.png" alt="Alternate Route Attempt" /></a></p>
  <p>Thanks in advance!</p>