VS Code的“问题”面板可集中显示语法错误、警告等,通过快捷键Ctrl+Shift+M或点击活动栏图标打开,支持按严重性、文件筛选。问题来源包括语言服务、构建任务和Linter工具,点击条目可跳转到错误行,配合波浪线提示和快速修复功能高效修正代码。建议安装对应语言扩展并配置ESLint等工具,启用实时检查以实现边写边查,提升开发效率。

VS Code 的“问题”面板是开发者快速发现和修复代码错误的重要工具。它能集中显示语法错误、编译问题、警告等信息,帮助你高效定位并修正代码中的异常。
打开并查看“问题”面板
你可以通过以下方式打开“问题”面板:
- 使用快捷键 Ctrl+Shift+M(Windows/Linux)或 Cmd+Shift+M(Mac)
- 点击左侧活动栏中的“问题”图标(看起来像一个感叹号)
- 通过菜单栏选择“终端” → “显示问题”
打开后,面板会列出当前项目中所有检测到的问题,包括文件名、行号、问题描述和严重等级(错误、警告等)。
理解问题来源与分类
“问题”面板的内容通常来自以下几个方面:
- 语言服务:如 TypeScript/JavaScript 的语法检查,Python 的 Pylint 或 Pyright
- 任务构建系统:运行 npm build、tsc 编译等任务时输出的错误
- Linter 工具:ESLint、Prettier、Flake8 等静态分析工具报告的问题
你可以通过顶部筛选器按严重性(错误/警告)、文件、来源进行过滤,快速聚焦关键问题。
快速跳转并修复错误
在“问题”面板中点击任意一条问题,编辑器会自动跳转到对应文件的出错行,并高亮显示。
- 错误行左侧通常会出现红色波浪线(错误)或黄色波浪线(警告)
- 将鼠标悬停在波浪线上可查看详细错误信息
- 部分问题支持“快速修复”(灯泡图标),点击可自动导入模块、修正拼写等
例如,当你漏写分号或调用不存在的方法时,TypeScript 会立即在“问题”面板中提示,点击即可跳转修改。
配置与优化问题检测
为了让“问题”面板更有效,建议合理配置相关工具:
- 确保已安装合适的语言扩展(如 Python、ESLint)
- 在 settings.json 中启用实时错误检查,例如:
"javascript.validate.enable": true - 配置 ESLint 或其他 Linter 集成,使问题及时反映在面板中
这样,保存文件或输入代码时,“问题”面板就能实时更新,实现边写边查。
基本上就这些。熟练使用“问题”面板,能让你少依赖运行调试,提前发现大多数低级错误,提升编码效率。










