问题面板可集中显示编译错误、语法警告及代码问题，整合语言服务、编译器和linter（如ESLint、Pylint、TypeScript）反馈，支持快捷键Ctrl+Shift+M/Cmd+Shift+M打开，按文件或严重性筛选，结合任务运行器与problem matcher解析终端输出，实现错误自动定位与高效调试。

用过，VSCode 的“问题”面板非常实用，能集中展示项目中的编译错误、语法警告和代码问题。

问题面板的作用

它整合了来自语言服务、编译器和 linter（如 ESLint、Pylint、TypeScript）的反馈，不需要手动查找每个文件的错误。保存代码后，问题会自动更新，帮助快速定位出错位置。

点击列表中的任意一条问题，编辑器会直接跳转到对应文件的出错行，节省排查时间。

AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

22

查看详情

如何高效使用问题面板

• 快捷键打开： 使用 Ctrl+Shift+M（Windows/Linux）或 Cmd+Shift+M（macOS）快速呼出面板
• 按文件或严重性筛选： 可以按文件、错误类型（错误/警告）分类查看，优先处理关键问题
• 结合任务运行器： 配置 build 任务后，执行构建时产生的错误也会输出到问题面板
• 正则表达式解析输出： 自定义任务可通过 problem matcher 提取终端输出中的错误信息并显示在面板中

常见场景示例

比如写 TypeScript 项目时，一旦出现类型不匹配，TS 编译服务会立刻将错误推送到问题面板。即使没打开那个文件，也能看到总数提醒。再比如运行 Webpack 构建失败，配置好 problem matcher 后，打包过程中的模块解析错误也能清晰列出。

基本上就这些，合理利用问题面板能让开发调试更高效。