如何在IntelliJ IDEA中屏蔽JavaScript代码块的Inspection检查

首先明确不生效原因：/* eslint-disable */与/* eslint-enable */是ESLint专属的规则抑制注释，仅对ESLint检查生效。IntelliJ IDEA默认执行Inspect Code时会同时运行内置的JavaScript检查规则，这类规则不识别ESLint注释，因此会出现注释不生效的情况。

方案1：使用IDEA专属检查抑制注释（适配内置Inspect Code） #

IDEA提供了专属的// noinspection注释用于抑制指定范围的内置检查，使用方式如下：

• 若需要屏蔽代码块的所有检查，在目标代码块前一行添加注释// noinspection ALL，注释仅作用于紧随其后的第一个代码块（函数、条件分支、循环块等）
• 若需要屏蔽指定类型的检查，将ALL替换为对应规则ID即可，多个规则ID用英文逗号分隔

示例：

// noinspection JSUnusedLocalSymbols,JSConstantCondition
if (false) {
  // 该代码块会被屏蔽「未使用本地变量」「常量条件」两类检查
  const test = 123;
  console.log(test);
}

方案2：配置Inspect Code仅使用ESLint规则，让ESLint注释生效 #

如果你希望统一用ESLint规则做代码检查，可按以下步骤配置：

• 打开IDEA设置，依次进入Languages & Frameworks > JavaScript > Code Quality Tools > ESLint
• 勾选Enable开启ESLint支持，确认ESLint安装包路径、项目.eslintrc配置文件路径被正确识别
• 打开Inspect Code的配置界面，取消勾选JavaScript分类下的所有内置检查项，仅保留ESLint分类下的检查项

配置完成后，执行Inspect Code时就会完全遵循ESLint规则，/* eslint-disable */与/* eslint-enable */包裹的代码块会正常被屏蔽检查。

内容的提问来源于stack exchange，提问作者ADot