让 Intellij IDEA 处理 ESLint 配置中定义的全局 JS 变量答案

【问题标题】：Make Intellij IDEA handle global JS variables defined in ESLint config让 Intellij IDEA 处理 ESLint 配置中定义的全局 JS 变量
【发布时间】：2017-07-03 01:53:58
【问题描述】：

我在项目的.eslintrc 中定义了一些全局变量，当我将 ESLint 作为脚本运行时，ESLint 会正确检测到此配置文件。

现在，我想配置 IntelliJ IDEA，使其 JavaScript 检查器注意到我已在 .eslintrc 中定义了这些全局变量，并且不会因这些变量的“缺少导入语句”警告而困扰我。

例如，ReactDOM 和 React 都是在我的.eslintrc 中定义的全局变量，所以我希望此屏幕截图中的警告消失：

仅供参考，项目设置中选择的 JavaScript 语言版本是“React JSX（ECMAScript 6 中的 JSX）”。

据我所知，ESlint在设置中配置正确：

我错过了什么？

（我使用的是当前最新版本的 IntelliJ IDEA：2016.3.4）

【问题讨论】：

标签： javascript intellij-idea ecmascript-6 eslint

【解决方案1】：

您可以手动关闭生成上述消息的检查。您正在寻找的可以在这里找到：

转到首选项，然后选择编辑器 > 检查
在搜索字段中输入“缺失”
点击搜索栏旁边的“全部折叠”图标，找到JavaScript的根节点（前面有▶︎）
在“General”下是“Missing import statement”；取消选中它
您可能想取消选中其他人..

如果您使用配置良好的 eslint 和 .editorconfig，您可以说根本不需要 IDEA 自己的 Javascript 检查。我有这样的设置：

备份你的项目.idea文件夹（它是隐藏的，在你的项目的根目录中找到）
转到首选项，然后选择编辑器 > 检查
点击搜索栏旁边的“全部折叠”图标，找到JavaScript的根节点（前面有▶︎）
直接单击右侧的复选框，所有 JavaScript 检查都将关闭
现在向下滚动一点，直到看到 Code quality tools 和 ESlint
选中右侧的复选框。现在 ESLint 是您唯一的活跃 JS 检查。
在“首选项”窗口的左上角，键入 editorconfig 并确保您已激活插件以及 .editorconfig file。
申请并确定

【讨论】：

【解决方案2】：

ESLint 配置不影响 IDEA 自己的检查；您需要使用Alt+Enter、Right、'Suppress for statement' 抑制“缺少导入语句”检查；

来自.eslintrc 的功能请求尊重env 和globals - 请参阅https://youtrack.jetbrains.com/issue/WEB-21957

【讨论】：