VS Code的“问题”面板可集中显示并快速修复代码中的错误与警告。通过快捷键Ctrl+Shift+M或点击活动栏图标打开面板，查看按文件分类的问题列表，包含问题描述、位置、严重程度和来源；支持筛选过滤和一键跳转，结合ESLint、Prettier等扩展实现保存时自动修复；正确配置lint工具及自动检测功能后，能实时提示语法、类型等问题，显著提升编码质量与开发效率。
VS Code 的“问题”面板是开发者排查代码错误和警告的高效工具。它能集中显示当前项目中的语法错误、类型问题、拼写错误以及由扩展提供的 linting 提示，帮助你快速定位并修复问题，提升编码质量。
打开“问题”面板
你可以通过以下几种方式打开“问题”面板：
- 使用快捷键 Ctrl+Shift+M（Windows/Linux）或 Cmd+Shift+M（macOS）
- 点击左侧活动栏中的感叹号图标（“问题”图标）
- 在菜单中选择“查看” → “问题”
面板会立即列出当前工作区中所有检测到的问题，按文件分类，并显示错误级别（错误、警告、信息等）。
理解问题列表信息
每个问题条目通常包含以下内容：
- 问题描述：如“缺少分号”或“未定义的变量”
- 文件路径与行号列号：点击可直接跳转到对应代码位置
- 严重程度：用不同颜色标识（红色为错误，黄色为警告）
- 来源：如 ESLint、TypeScript、pylint 等
通过筛选器可以按严重性、文件或来源过滤问题，便于聚焦处理关键错误。
快速修复代码问题
很多问题支持一键修复：
- 右键点击问题条目，选择“在编辑器中显示”快速跳转
- 将光标放在报错代码上，按 Ctrl + . 或 Cmd + . 查看快速修复建议（如自动导入、补全声明等）
- 启用 ESLint、Prettier 等扩展后，保存文件时可自动修复部分格式和语法问题
结合 TypeScript 或 Python 的语言服务，“问题”面板还能在你输入时实时提示潜在 bug，实现边写边改。
配置问题来源以提升效率
确保“问题”面板有效工作的关键是正确配置 lint 工具：
- 在项目中安装 ESLint、TSLint、flake8 等工具并初始化配置文件
- 在 VS Code 设置中启用对应扩展，并设置“保存时自动修复”
- 通过 problems.autoDetect 设置让 VS Code 自动识别支持的工具
合理配置后，“问题”面板将成为你日常开发中不可或缺的质量守门员。
基本上就这些。用好“问题”面板，写代码更安心。
