Error Highlighter
⚠️ Disclaimer ⚠️
This is not the official Visual Studio Code or Microsoft extension. This is a community-created extension that highlights lines containing errors detected by VS Code's built-in diagnostics.
Features
- Automatically highlights lines containing errors in your code
- Works with all programming languages supported by VS Code
- Uses VS Code's built-in diagnostics (Problems panel) for error detection
- Customizable highlight color through settings
- Toggle highlighting on/off with a command
- Shows error messages on hover and inline after the line
- Updates in real-time as you type
- Non-intrusive: doesn't duplicate errors in the Problems panel
Installation
- Open VS Code
- Press
Ctrl+Shift+X
to open the Extensions view
- Search for "Error Highlighter"
- Click "Install"
Usage
The extension works automatically once installed. It will highlight any lines that contain errors detected by VS Code's built-in diagnostics (shown in the Problems panel).
Visual Features
- Red background highlight for error lines (customizable)
- Red border on the left side of error lines
- Error message shown in red after the line
- Error message available on hover
- Whole line highlighting for better visibility
Commands
Error Highlighter: Toggle Highlighting
- Toggle the error highlighting on/off
Settings
You can customize the extension's behavior through VS Code settings:
errorHighlighter.backgroundColor
: Set the background color for error lines (default: "#ff000033")
errorHighlighter.enabled
: Enable/disable error highlighting (default: true)
To modify these settings:
- Open VS Code Settings (
Ctrl+,
)
- Search for "Error Highlighter"
- Modify the settings as desired
Requirements
Language Support
This extension works with all programming languages supported by VS Code, including but not limited to:
- JavaScript/TypeScript
- Python
- Java
- C/C++
- C#
- PHP
- Ruby
- Go
- Rust
- And many more!
The extension leverages VS Code's built-in diagnostics system, so it will work with any language that has proper language support and diagnostics enabled in VS Code.
Extension Settings
This extension contributes the following settings:
errorHighlighter.backgroundColor
: Background color for error lines
errorHighlighter.enabled
: Enable/disable error highlighting
Acknowledgments
- Inspired by the need for better code readability and debugging experience
- Thanks to the VS Code team for their extensible editor & excellent extension API
- Thanks to all contributors who have helped improve this extension
Support
If you find this extension helpful, please consider:
- Sharing the extension
- Starring the repository
- Reporting bugs
- Suggesting new features
Known Issues
None at the moment.
Release Notes
See CHANGELOG.md for the full changelog.