Error Lens插件在代码行尾直接显示错误、警告和提示信息,提升调试效率;它依赖语言服务器,需配合对应语言插件使用,并支持自定义显示位置、图标颜色及过滤级别。

VSCode 的 Error Lens 插件能直接在代码行尾显示错误、警告和提示信息,省去频繁切换到 Problems 面板的麻烦,大幅提升调试效率。
为什么需要 Error Lens
默认情况下,VSCode 只在编辑器左侧显示错误标记(红波浪线),问题详情要手动悬停或打开 Problems 面板查看。Error Lens 把诊断信息“贴”在代码行末,一眼就能定位问题类型和简要描述,尤其适合快速扫读、批量修复或边写边查。
安装与基础配置
在扩展市场搜索 Error Lens(作者:usernamehw),点击安装并重启 VSCode(部分版本需重启)。启用后默认即生效,无需额外设置。常见可调配置包括:
-
显示位置:默认右对齐显示在行尾,支持改为左对齐或悬浮气泡(通过
"errorLens.showInGutter"和"errorLens.showAsInlineDecoration"控制) - 图标与颜色:可自定义错误/警告图标的 Unicode 字符(如 ❌ ⚠️ ?)及对应颜色,适配个人视觉习惯
-
过滤级别:支持只显示 Error,或同时显示 Warning 和 Info(通过
"errorLens.showTypes"设置数组)
配合语言服务器更好用
Error Lens 本身不检测错误,它依赖 VSCode 的语言服务(如 TypeScript Server、ESLint、Pylint、Rust Analyzer 等)。确保对应语言插件已安装且正常工作——比如写 Python 时没装 Python 扩展或未启用 Pylint,Error Lens 就不会显示任何内容。建议开启 "editor.codeActionsOnSave": { "source.fixAll": true },保存时自动修复部分问题,减少 Error Lens 显示条目。
实用小技巧
- 按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(Mac),输入 Toggle Error Lens 可临时开关插件,方便对比阅读
- 错误文本过长时会被截断,鼠标悬停仍可查看完整消息;也可在设置中增大
"errorLens.maxMessageLength" - 搭配 Problems 面板使用更高效:Error Lens 快速定位,Problems 面板集中管理、排序、筛选和跳转
不复杂但容易忽略。装上之后,写代码时多看一眼行尾,很多低级错误当场就发现了。










