如何在VS Code中无需逐个打开文件查看项目所有ESLint错误与警告？

以下几种方法可以帮你不用逐个打开文件，就能查看项目里所有的ESLint错误和警告：

方法一：用VS Code「问题」面板切换范围 #

• 打开「问题」面板：按下Ctrl+Shift+M（Windows/Linux）或Cmd+Shift+M（Mac）。
• 面板顶部有个范围选择下拉框，默认是「当前文件」，切换为「工作区」，就能加载项目所有文件的ESLint问题。
• 若只想筛选ESLint相关问题，在面板的筛选输入框里输入eslint即可。

方法二：通过ESLint命令行扫描 #

在项目根目录的终端执行命令：

npx eslint .

这条命令会扫描当前目录下所有符合ESLint配置规则的文件，直接输出所有错误和警告。如果需要自动修复可修复的问题，可添加--fix参数：

npx eslint . --fix

方法三：配置ESLint扩展自动扫描工作区 #

• 打开VS Code设置（按下Ctrl+,或Cmd+,），搜索「ESLint: Lint Task Enable」并勾选启用。
• 打开「任务」面板（Ctrl+Shift+B或Cmd+Shift+B），选择「ESLint: lint whole workspace」执行扫描，结果会同步到「问题」面板中。
• 还可以在设置里调整eslint.validate选项，添加你需要校验的文件类型（如javascript、typescript），确保所有目标文件都能被ESLint检测到。

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