Error Lens扩展可实时内联显示代码错误与警告，提升调试效率。安装后自动激活，支持自定义样式，并需配合语言服务如ESLint、Pylint使用，实现问题即时反馈。
在使用 vscode 进行开发时，及时发现并修复代码中的错误非常重要。Error Lens 是一个非常实用的扩展，它能让你在不离开当前编辑区域的情况下，实时看到语法错误、类型错误或警告信息，直接内联显示在代码行上，提升排查效率。
安装 Error Lens 扩展
打开 VSCode 的扩展面板（快捷键 Ctrl+Shift+X），搜索 Error Lens，找到由 Alexander 开发的插件，点击“安装”。
启用实时错误显示
安装完成后，Error Lens 会自动激活，通常无需额外配置即可工作。只要你的语言服务（如 typescript、python、ESLint、Pylint 等）已经正确运行，错误和警告就会以内联形式直接显示在对应代码行下方或旁边。
- 错误默认以红色背景高亮显示
- 警告以黄色背景提示
- 提示信息也可按需开启
自定义显示样式与行为
你可以通过修改 settings.json 来调整 Error Lens 的表现方式：
<font face="Consolas, 'Courier New', monospace"><pre class="brush:php;toolbar:false;">{ "errorLens.enabled": true, "errorLens.fontStyle": "underline", "errorLens.foreground": "black", "errorLens.errorBackground": "#ff4444", "errorLens.warningBackground": "#ffbb00", "errorLens.infoBackground": "#0099ff" }
上述配置会让错误带下划线，并自定义颜色，使提示更醒目或更柔和，适应你的主题风格。
配合 Linter 使用效果更佳
Error Lens 本身不检测错误，而是展示已有的诊断信息。确保你已配置好以下工具之一：
- TypeScript / javaScript：启用内置 TS 服务或 ESLint
- Python：安装 Pylint、Flake8 或 Pyright
- 其他语言：确保对应语言服务器正常运行
例如，在 Python 文件中，如果已配置 Pylint，未使用的变量会立即被 Error Lens 标出，无需保存或运行文件。
基本上就这些。开启 Error Lens 后，你会感觉代码问题“无所遁形”，调试过程更流畅。关键是让它和你的开发环境无缝集成，看得清，改得快。