WebStorm 2016.3 +电子:未解决的功能或方法

时间:2016-11-29 19:06:17

标签: javascript github ecmascript-6 webstorm electron

我正在玩Electron和WebStorm作为项目准备的一部分,我正在努力解决不同的问题。因此,我想通过创建非常基本的东西并开始工作来开始简单。

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

enter image description here

电子和电子预建被添加到package.json并且Node.js编码辅助已启用。因此,require('electron')被正确识别。

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

JetBrains' blog entry

StackOverflow answer

据说,应该从Communitie-stubs存储库向JavaScript库添加github-electron。但这些似乎已经过时了,因为不再有github-electron,所有其他电子条目都不明确。

enter image description here

enter image description here

所以我的问题是:如何正确地为普通的JS ES6设置WebStorm,首先要消除"未解决的"消息?

2 个答案:

答案 0 :(得分:7)

所以,在越来越多地深入研究这个话题并攀登陡峭的学习曲线之后,我终于找到了答案。

我们走了:

  1. 转到WebStorm的偏好设置/语言&框架/ TypeScript
  2. 确保使用TypeScript服务已启用
  3. enter image description here

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

      enter image description here

      npm install @types/electron

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

      enter image description here

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

      enter image description here

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

      enter image description here

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

    2. 祝大家有个美好的一天!

      马丁

答案 1 :(得分:0)

安装电子图书馆。由于github-electron已重命名为电子。