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

Mar*_*ski 4 javascript github webstorm ecmascript-6 electron

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

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

在此输入图像描述

电子和电子预构建被添加到package.jsonNode.js编码辅助被启用.因此require('electron')被正确识别.

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

JetBrains的博客文章

StackOverflow回答

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

在此输入图像描述

在此输入图像描述

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

Mar*_*ski 7

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

开始了:

  1. 转到WebStorm的首选项/语言和框架/ TypeScript
  2. 确保启用了" 使用TypeScript服务"

在此输入图像描述

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

    在此输入图像描述

    npm install @types/electron

    您不需要使用--save/ --save-devtags,因为仅为WebStorm的代码帮助需要类型,并且对您的项目没有影响.

    在此输入图像描述

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

    在此输入图像描述

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

    在此输入图像描述

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

祝大家拥有美好的一天!

马丁