VSCode的“问题”面板：不只是显示错误和警告

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）。点一下就能切换显示级别；再点一次可反向隐藏。你还可以：

MVM mall 网上购物系统

采用 php+mysql 数据库方式运行的强大网上商店系统，执行效率高速度快，支持多语言，模板和代码分离，轻松创建属于自己的个性化用户界面 v3.5更新： 1).进一步静态化了活动商品. 2).提供了一些重要UFT-8转换文件 3).修复了除了网银在线支付其它支付显示错误的问题. 4).修改了LOGO广告管理,增加LOGO链接后主页LOGO路径错误的问题 5).修改了公告无法发布的问题,可能是打压

0

查看详情

• 在输入框里键入文件名、规则名（如 no-console）或关键字，实时搜索问题
• 右键某条问题 → “在设置中编辑此项规则”，直接跳转到 ESLint 或 TypeScript 的配置项
• 点击右上角齿轮图标 → 勾选/取消 “仅显示活动文件的问题”，专注当前工作区

它还能联动其他工具链

“问题”面板本身不生成问题，而是聚合来自多个来源的结果：

• 保存时自动触发的 tsc –noEmit（TypeScript）
• 后台运行的 eslint –quiet（配合 ESLint 扩展）
• git 提交前的 pre-commit hook 输出（通过插件如 “GitLens” 或自定义任务）
• 甚至是你自己写的脚本任务（通过 tasks.json 配置输出符合 VSCode 问题格式的日志）

基本上就这些。用好“问题”面板，不是等着它报错，而是让它成为你写代码时的实时协作者。