Problems面板可快速定位代码错误,通过点击状态栏图标或使用Ctrl+Shift+M(Windows/Linux)/Cmd+Shift+M(Mac)打开,支持按关键字搜索和严重程度筛选,依赖语言扩展如ESLint、Pylance提供诊断信息,确保扩展已安装并保存文件以触发检查。
vscode 的 problems 面板是查看代码中错误、警告和信息提示的集中区域。它能帮助你快速定位和修复问题,无需运行程序就能发现潜在错误。
打开 Problems 面板
点击 VSCode 底部状态栏中的 “Problems” 图标(一个带叉的圆圈),或使用快捷键:
Ctrl+Shift+M(Windows/Linux) 或 Cmd+Shift+M(Mac)也可以通过菜单栏选择 View → Problems 打开面板。
理解 Problems 面板内容
Problems 面板会列出当前项目中所有文件的诊断信息,包括:
- Error:语法错误、类型不匹配等严重问题
- Warning:建议性提示,如未使用的变量
- Info:一般信息,通常可忽略
每条记录显示文件名、行号、问题描述以及来源(如 ESLint、TypeScript 等)。
筛选和查看特定问题
在 Problems 面板顶部有输入框,支持按关键字搜索,例如输入 “unused” 可查找所有“未使用”的警告。
还可以通过右上角的筛选按钮,按严重程度(错误、警告)、文件路径或来源过滤结果。
点击某一条问题,编辑器会自动跳转到对应代码位置,方便快速修改。
确保语言服务正常工作
Problems 面板依赖语言扩展提供诊断信息。例如:
- 写 JavaScript/TypeScript 需启用内置 TypeScript 支持或安装 ESLint
- 写 Python 需安装 Pylance 或 pylint
- 写 HTML/CSS 也有相应的验证规则
如果没看到预期错误,请检查是否已安装并启用相关扩展,且文件保存后才会触发部分检查。
基本上就这些。开启 Problems 面板后,你会更早发现代码问题,提升开发效率。










