如何在WebStorm中像“按名称运行检查”那样执行ESLint规则?
在WebStorm中针对单个ESLint规则逐文件排查修复
方法1:通过检查配置单独运行指定ESLint规则
- 打开设置(快捷键
Ctrl+Alt+S/Cmd+,),进入Editor > Inspections - 搜索框输入
ESLint,展开对应的检查项 - 只勾选你要排查的具体规则(比如
no-unused-vars),把其他ESLint规则都取消勾选 - 保存配置后,右键目标文件或目录,选Run Inspection by Name,找到刚才配置的ESLint检查运行
- 扫描结果会在Inspection Results窗口展示,双击就能跳转到代码位置手动修复
方法2:用ESLint面板过滤单规则问题
- 调出底部的ESLint面板(找不到就通过
View > Tool Windows > ESLint打开) - 点击面板顶部的漏斗图标,输入目标规则名称(比如
@typescript-eslint/no-var-requires) - 面板会只显示当前打开文件里该规则的违规,你可以逐个打开文件,对着面板提示手动修改
- 要是想扫整个目录,右键目录选ESLint > Fix ESLint Problems,但别直接点修复,在预览窗口里只看该规则的问题,逐个处理就行
方法3:临时修改ESLint配置聚焦单规则
- 打开项目根目录的
.eslintrc(或其他ESLint配置文件),把所有规则设为off,只留目标规则设为error/warn - WebStorm会自动加载新配置,此时打开文件,右侧问题面板只会显示该规则的违规
- 处理完记得把配置改回去,别影响其他开发流程
内容的提问来源于stack exchange,提问作者Novaterata
相关产品推荐
相关产品推荐

