WebStorm 2016.3 + Electron：未解决的函数或方法

Question

作为项目准备的一部分，我正在使用 Electron 和 WebStorm，我正在努力解决不同的问题。因此，我想从创建非常基本的东西开始，然后逐步提高。

所以我在 WebStorm 中有一个非常简单的项目设置，并且我的第一个 Electron 应用程序正在运行。但是 WebStorm 一直说它无法解析函数名。

Electron 和 electron-prebuilt 已添加到 package.json，并且启用了 Node.js 编码辅助。因此require('electron') 被正确识别。

我看到了 JetBrains 关于如何在 WebStorm 中使用 Electron 的博客文章，并在 StackOverflow 上找到了另一个类似的答案。

JetBrains' blog entry

StackOverflow answer

据说，应该将github-electron 从community-stubs 存储库添加到JavaScript 库。但是这些似乎已经过时了，因为不再有 github-electron 并且所有其他电子条目都是模棱两可的。

所以我的问题是：如何为纯 JS ES6 正确设置 WebStorm，首先消除“未解决”的消息？

Answer 1

所以，在对这个话题越来越深入，攀登了陡峭的学习曲线之后，我终于自己找到了答案。

我们开始吧：

1. 转到 WebStorm 的 Preferences / Languages & Frameworks / TypeScript
2. 确保使用 TypeScript 服务已启用

1. 打开 WebStorm 的终端面板（因为它会自动指向您项目的工作目录）并通过 NPM 安装 TypeScript 的类型定义：

   npm install @types/electron

   您不需要使用 --save / --save-dev 标签，因为这些类型仅用于 WebStorm 的代码帮助，并且对您的项目没有影响。

   您将在 node_modules 文件夹中获得一个包含类型定义的新条目。

   就是这样。 WebStorm 不再显示此特定模块的任何未解析的函数或方法消息。

   只要有可用的类型定义，理论上这适用于所有其他模块。但是机会很好，因为它们有很多。远远超过 WebStorm 的 JavaScript 库下载功能提供的功能。

祝大家有个愉快的一天！

马丁

Answer 2

安装电子库。由于 github-electron 已重命名为 electron。