使用VSCode的Error Lens实时显示错误信息

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"
}

上述配置会让错误带下划线，并自定义颜色，使提示更醒目或更柔和，适应你的主题风格。

ViiTor实时翻译

AI实时多语言翻译专家！强大的语音识别、AR翻译功能。

116

查看详情

配合 Linter 使用效果更佳

Error Lens 本身不检测错误，而是展示已有的诊断信息。确保你已配置好以下工具之一：

• TypeScript / JavaScript：启用内置 TS 服务或 ESLint
• Python：安装 Pylint、Flake8 或 Pyright
• 其他语言：确保对应语言服务器正常运行

例如，在 Python 文件中，如果已配置 Pylint，未使用的变量会立即被 Error Lens 标出，无需保存或运行文件。

基本上就这些。开启 Error Lens 后，你会感觉代码问题“无所遁形”，调试过程更流畅。关键是让它和你的开发环境无缝集成，看得清，改得快。

以上就是使用VSCode的Error Lens实时显示错误信息的详细内容，更多请关注php中文网其它相关文章！