Problems面板可集中查看项目错误和警告,点击左侧感叹号图标或使用Ctrl+Shift+M(Windows/Linux)/Cmd+Shift+M(macOS)打开,支持按文件、级别分类及关键词过滤,结合ESLint、Pylint等语言工具实现实时检测,通过上下箭头、回车、F8键可快速导航与批量处理问题。

VSCode 的 Problems 面板能集中显示项目中的错误和警告,帮助你快速定位并修复问题。它会自动收集编辑器中打开的文件以及语言服务(如 TypeScript、ESLint、Pylint 等)报告的问题。
打开 Problems 面板
点击左侧活动栏上的感叹号图标(Problems),或使用快捷键:
- Ctrl+Shift+M(Windows / Linux)
- Cmd+Shift+M(macOS)
查看和筛选问题
Problems 面板默认列出当前工作区所有文件的错误和警告。你可以通过以下方式提高效率:
- 按文件、错误级别(error/warning/info)分类查看
- 在面板右上角输入关键词过滤,比如只看 "error" 或某个文件名
- 点击条目直接跳转到对应代码行
结合语言工具提升检测能力
Problems 面板依赖语言扩展来发现问题。确保安装了合适的插件,例如:
- JavaScript/TypeScript:内置支持,开箱即用
- Python:安装 Pylint 或 flake8 并配置
- Vue/React:配合 Vetur、ESLint 插件使用
配置好后,保存文件时就会实时在 Problems 中显示结果。
快速导航与批量处理
利用键盘操作高效浏览问题:
- 上下箭头选择不同问题
- 回车键跳转到问题位置
- 按 F8 或 Shift+F8 在错误间正向/反向跳转
这样即使不打开 Problems 面板,也能快速在错误之间移动。
基本上就这些。只要配置好语言服务,Problems 面板就能成为你排查代码问题的第一入口。










