Error Lens插件将错误、警告直接显示在代码行末尾,红色=错误、黄色=警告、灰色=提示,支持TypeScript、ESLint、Python等主流语言和工具,开箱即用,不干扰编码流程。

VSCode自带的错误提示其实已经很实用,但默认只在行尾显示小图标、悬停才看到详情,写代码时容易忽略或定位慢。Error Lens插件就是为解决这个问题而生——它把错误、警告直接“印”在出错代码行的末尾,一行一目了然,不用悬停、不用跳转,大幅减少打断感。
错误/警告实时贴行显示
启用后,每条诊断信息(比如 TypeScript 类型错误、ESLint 警告、Python 语法问题)会以高亮文本形式追加在对应代码行最右侧,格式通常是 [error] Property 'xxx' does not exist。颜色区分明显:红色=错误,黄色=警告,灰色=提示。即使你没打开 Problems 面板,也能一眼扫出哪几行有问题。
支持主流语言和 Lint 工具
只要你的项目已配置好语言服务器(如 TypeScript Server)或 Lint 工具(如 ESLint、Pylint、RuboCop),Error Lens 就能自动读取它们的输出结果。不需要额外配置,开箱即用。常见场景如:
- TypeScript 中访问未定义属性,右侧立刻标红
- ESLint 报出 “Unexpected console” 警告,行尾同步显示
- Python 缩进错误或未使用变量,同样原位提示
可自定义显示位置与样式
如果你觉得贴在行尾太挤,可以在设置里改成显示在行首(errorLens.showInStatusBar 关闭,errorLens.showAsInlineDeco 开启),或者调整字体大小、背景色、边距。还支持点击行尾提示快速跳转到 Problems 面板,兼顾效率与深度排查。
轻量且不干扰编码流
它不修改代码、不拦截编辑操作、不增加保存延迟。所有提示纯属“视觉叠加”,底层诊断仍由原有工具完成。即使禁用 Error Lens,你的 ESLint 规则、TS 编译检查一切照常运行——只是少了个“贴身提醒员”而已。
基本上就这些。装上之后,再也不会因为漏看一个小波浪线而花十分钟找 bug。










