Error Lens 插件将错误、警告等诊断信息内联显示在代码行尾，支持颜色区分与多工具兼容，比 vscode 默认提示更直观高效。
VSCode 默认的错误提示有时藏得深、显示弱，尤其对新手或快速扫读代码时不够友好。Error Lens 插件能直接在代码行末尾高亮显示错误、警告和提示信息，让问题“一眼可见”，省去频繁查看 Problems 面板或悬停的步骤。
为什么 Error Lens 比默认提示更实用
VSCode 原生把诊断信息集中在底部 Problems 面板，错误行只靠左侧波浪线或 gutter 图标标识，缺乏上下文。Error Lens 把消息内联渲染到代码行右侧（可配置位置），支持颜色区分等级（红色=错误，黄色=警告），还兼容 ESLint、typescript、Prettier 等主流工具的输出。
安装与基础配置
在 VSCode 扩展市场搜索 Error Lens，安装后无需重启即可生效。如需微调，可在设置中搜索 error lens 修改以下常用项：
- errorLens.showOnSave：设为 true 可在保存后自动刷新提示（推荐开启）
- errorLens.showAsGutterIcon：启用后会在行号旁加小图标，辅助定位
- errorLens.showAsInlineDiagnostic：控制是否显示行尾文字提示（核心功能，保持开启）
- errorLens.inlineErrorBackground：可自定义背景色，提升可读性（例如浅红底+白字）
配合语言服务更好用
Error Lens 本身不检查代码，它只是“翻译”和“展示”已有的诊断信息。所以要确保对应语言的服务已启用：
- TypeScript 项目：确认 typescript.preferences.includePackagejsonAutoImports 等设置正常，TS Server 运行中
- javaScript/react：装好 ESLint 插件并配置好
.eslintrc.js，Error Lens 会自动读取其结果 - python：需启用 Pylance 或 pylsp，并在设置中打开 python.languageServer
小技巧：避免信息过载
如果项目大、警告多，行尾文字可能挤占空间或干扰阅读：
- 用 errorLens.maxVisibleProblems 限制单文件最多显示几条（如设为 5）
- 通过 errorLens.excludeFiles 忽略 node_modules、dist 等目录
- 按 Ctrl+Shift+P 输入 Error Lens: Toggle Inline Diagnostics 可临时开关显示
基本上就这些。开箱即用，配一点小调整，就能让错误不再“躲着你”。