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

时间:2017-02-14 16:55:40

标签: javascript intellij-idea ecmascript-6 eslint

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

现在,我想配置IntelliJ IDEA,以便其JavaScript检查员注意到我已在.eslintrc中定义了这些全局变量,并且没有因为"缺少导入语句而导致我感到困扰&#34 ;警告这些变量。

例如,ReactDOMReact都是我.eslintrc中定义的全局变量,因此我希望此屏幕截图中的警告消失:

Missing import statement screenshot

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

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

IntelliJ IDEA Settings screenshot

我错过了什么?

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

2 个答案:

答案 0 :(得分:2)

ESLint配置不会影响IDEA自己的检查;您需要使用Alt+EnterRight'Suppress for statement'来禁止“缺少导入声明”检查;

有一项功能请求要尊重env中的globals.eslintrc - 请参阅https://youtrack.jetbrains.com/issue/WEB-21957

答案 1 :(得分:0)

您可以手动关闭检查以生成上述消息。 您正在寻找的是:

  • 转到偏好设置,然后选择编辑器>检查
  • 输入"缺少"在搜索栏中
  • 点击"全部折叠"搜索字段旁边的图标,找到JavaScript的根节点(前面带有▶))
  • " General"是"缺少进口声明&#34 ;;取消选中
  • 您可能想要取消选中其他人..

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

  • 备份项目.idea文件夹(隐藏在项目的根目录中)
  • 转到偏好设置,然后选择编辑器>检查
  • 点击"全部折叠"搜索字段旁边的图标,找到JavaScript的根节点(前面带有▶))
  • 点击右侧的复选框,以便所有JavaScript检查都关闭
  • 现在向下滚动一下,直至看到Code quality toolsESlint
  • 选中右侧的复选框。现在,ESLint是您唯一有效的JS检查。
  • 在“偏好设置”窗口的左上角,键入editorconfig并确保您启用了插件以及.editorconfig file
  • 申请并确认