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

Make Intellij IDEA handle global JS variables defined in ESLint config

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

现在,我想配置 IntelliJ IDEA,以便它的 JavaScript 检查器注意到我已经在 .eslintrc 中定义了这些全局变量,并且不会用 "Missing import statement" 打扰我这些变量的警告。

例如,ReactDOMReact都是在我的.eslintrc中定义的全局变量,所以我希望这个截图中的警告消失:

仅供参考,在项目设置中选择的 JavaScript 语言版本是 "React JSX (JSX in ECMAScript 6)"。

据我所知,ESlint 在设置中配置正确:

我错过了什么?

(我使用的是目前最新版本的IntelliJ IDEA:2016.3.4)

ESLint 配置不影响 IDEA 自己的检查;您需要使用 Alt+EnterRight'Suppress for statement'

来抑制 'Missing Import statement' 检查

.eslintrc 有一项功能请求尊重 envglobals - 请参阅 https://youtrack.jetbrains.com/issue/WEB-21957

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

  • 转到首选项,然后select编辑器 > 检查
  • 在搜索字段中输入 "missing"
  • 点击搜索栏旁边的"collapse all"图标,找到JavaScript的根节点(前面有▶︎)
  • "General"下是"Missing import statement";取消勾选
  • 您可能想取消选中其他人..

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

  • 备份你的项目 .idea 文件夹(它是隐藏的,在你的项目的根目录中找到)
  • 转到首选项,然后select编辑器 > 检查
  • 点击搜索栏旁边的"collapse all"图标,找到JavaScript的根节点(前面有▶︎)
  • 直接点击它右边的复选框,所以所有 JavaScript 检查都是关闭的
  • 现在向下滚动一点,直到看到 Code quality toolsESlint
  • Select 右边的复选框。现在 ESLint 是你唯一活跃的 JS 检查。
  • 在首选项 window 的左上角,键入 editorconfig 并确保插件处于活动状态,同时 .editorconfig file.
  • 申请并确定