VSCode的“问题”面板是可交互、可过滤、可扩展的诊断中心，支持编译错误、运行前警告、代码风格问题、安全提示及配置问题；双击跳转并展开上下文、高亮范围、触发快速修复；支持按类型、关键词筛选，联动LSP、ESLint、TypeScript等工具链。
VSCode 的“问题”面板（Problems panel）远不止是错误和警告的收容器——它是个可交互、可过滤、可扩展的诊断中心，能主动帮你定位、理解甚至修复代码中的各类隐患。
它能识别的不只是语法错误
“问题”面板背后由语言服务器（LSP）或内置检查器驱动，支持的类型包括：
- 编译时错误（如 TypeScript 类型不匹配、Python 缺少冒号）
- 运行前警告（未使用的变量、过长的函数、硬编码字符串）
- 代码风格问题（ESLint/Prettier 规则违规，比如缩进不一致、分号缺失）
- 安全提示（如 Node.js 中的 eval() 调用、硬编码密码）
- 配置类问题（tsconfig.json 中路径别名未解析、package.json 脚本缺失依赖）
点击跳转只是基础，双击能做更多
在“问题”面板中双击一条条目，不仅跳转到对应行，还会：
- 自动展开折叠的代码块（如被折叠的函数体），确保你看到上下文
- 高亮显示整个问题范围（比如整个正则表达式字面量或 JSX 片段）
- 若该问题支持快速修复（Quick Fix），编辑器右下角会弹出灯泡图标，按 Ctrl+.（Windows/Linux）或 Cmd+.（macOS）即可触发建议操作
按需筛选，让信息真正为你服务
面板顶部有三个过滤按钮：错误（Errors）、警告（Warnings）、信息（Infos）。点一下就能切换显示级别；再点一次可反向隐藏。你还可以：
- 在输入框里键入文件名、规则名（如 no-console）或关键字，实时搜索问题
- 右键某条问题 → “在设置中编辑此项规则”，直接跳转到 ESLint 或 TypeScript 的配置项
- 点击右上角齿轮图标 → 勾选/取消 “仅显示活动文件的问题”，专注当前工作区
它还能联动其他工具链
“问题”面板本身不生成问题，而是聚合来自多个来源的结果：
- 保存时自动触发的 tsc --noEmit（TypeScript）
- 后台运行的 eslint --quiet（配合 ESLint 扩展）
- Git 提交前的 pre-commit hook 输出（通过插件如 “GitLens” 或自定义任务）
- 甚至是你自己写的脚本任务（通过 tasks.json 配置输出符合 VSCode 问题格式的日志）
基本上就这些。用好“问题”面板，不是等着它报错，而是让它成为你写代码时的实时协作者。
