VSCode的“错误镜头”（Error Lens）插件深度使用

新闻中心 NEWS CENTER

2025-12-15

浏览次数：次

Error Lens插件在出错行末尾直接显示诊断信息，减少操作打断；需启用showOnS*e或showOnType、配置语言服务器、自定义颜色与消息长度等优化体验。

vscode的“错误镜头”（error lens）插件深度使用

VSCode 的 Error Lens 插件不是简单地高亮错误，而是把诊断信息“推到你眼前”——它会在出错行的末尾直接显示错误/警告文本，省去悬停、跳转、再返回的步骤。用得好，能显著减少打断感，尤其适合快速扫读和修复中小型项目中的问题。

安装后默认可能不生效，需确认几项关键设置：

启用诊断显示：确保 "errorLens.showOnS*e": true 或 "errorLens.showOnType": true 至少开启一个；后者更实时，但对大型文件略影响响应
控制显示位置：默认在行尾，也可设为 "errorLens.showInStatusBar": true，把摘要放状态栏（适合极简界面）
过滤噪音：用 "errorLens.exclude": ["*.test.ts", "dist/**"] 排除测试文件或构建产物，避免干扰

Error Lens 本身不检查代码，它依赖 VSCode 的诊断提供者（如 TypeScript Server、ESLint、Pylint、Rust Analyzer）。要让它“有料可显”，必须先配好对应语言的 LSP 或 linter：

TypeScript/J*aScript：确保已安装官方 TypeScript 插件，且 "typescript.preferences.includePackageJsonAutoImports" 等设置合理
Python：推荐搭配 pylsp 或 pyright，并在 settings.json 中启用 "python.languageServer": "Pylance"
自定义规则：比如用 ESLint 时，确保 "eslint.enable": true 且项目根目录有 .eslintrc.js

错误堆在一起容易眼花，可通过以下方式优化视觉层次：

Gaga

曹越团队开发的AI视频生成工具

1151 查看详情 Gaga

颜色分级：在 workbench.colorCustomizations 中为不同诊断类型设色，例如：
"errorLens.errorForeground" → 深红，
"errorLens.warningForeground" → 橙黄，
"errorLens.infoForeground" → 绿色
折叠重复提示：启用 "errorLens.dedupeMessages": true，相同错误连续出现时只显示一次（如循环中同一行报错）
限制单行长度：设 "errorLens.maxMessageLength": 120 防止超长错误挤占编辑空间，末尾自动截断加 …

Error Lens 不直接提供修复，但它能加速你触发修复动作：

将光标停在带 Error Lens 提示的行，按 Ctrl+.（Windows/Linux）或 Cmd+.（Mac），直接唤出 Quick Fix 菜单
配合 "editor.codeActionsOnS*e" 自动修复（如 "source.fixAll.eslint"），错误提示出现后保存即修正，Lens 会实时更新
在多光标编辑时，Error Lens 仍正常显示每行诊断，方便批量判断是否需统一处理

基本上就这些。它不复杂，但容易忽略配置细节——调对了，真能让你写代码时少点皱眉、多点顺滑。

以上就是VSCode的“错误镜头”（Error Lens）插件深度使用的详细内容，更多请关注其它相关文章！