使用Error Lens扩展可将错误和警告内联显示在代码旁。安装后自动生效，支持自定义样式与位置，兼容ESLint、Pylint等工具，提升调试效率。
要让错误和警告信息直接内联显示在代码行中，可以使用 Visual Studio Code 中的 Error Lens 扩展。这个插件能将语法错误、类型检查警告等诊断信息以内联样式高亮展示在代码旁边，无需悬停或打开问题面板，提升编码效率。
安装 Error Lens 扩展
打开 VS Code 的扩展面板（快捷键 Ctrl+Shift+X），搜索 “Error Lens”，找到由 usernamehw 发布的官方扩展并安装。
启用内联错误显示
安装完成后，默认情况下 Error Lens 就会自动生效。你可以在代码中看到如下变化：
- 错误行会以红色背景或边框突出显示，并在行尾或行首显示具体错误文本
- 警告则以黄色样式呈现
- 信息提示也可按需配置颜色
这些提示直接嵌入代码行中，不会遮挡内容，但清晰可见。
自定义显示样式与行为
通过修改 settings.json 文件，可进一步控制 Error Lens 的外观和行为：
- 更改显示位置：设置提示出现在行首或行尾
- 调整颜色和字体样式：例如关闭背景色，只保留下划线或前景色
- 过滤特定语言或诊断类型：避免某些警告干扰
示例配置：
"errorLens.enabled": true,"errorLens.severity": ["error", "warning", "info"],
"errorLens.background": "transparent",
"errorLens.foreground": "#ffffff",
"errorLens.locations": "after"
与其他工具协同工作
Error Lens 基于 VS Code 的诊断系统工作，因此支持所有提供诊断信息的语言服务，包括 TypeScript、ESLint、Pylint、Rust Analyzer 等。只要你的编辑器能标出波浪线，Error Lens 就能把这些提示可视化地“贴”到代码行上。
基本上就这些。开启后你会发现问题一目了然，改错更高效，尤其适合长函数或密集逻辑块中的调试场景。不复杂但容易忽略的小工具，用起来却很顺手。
