KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

vscode-coverage-highlighter

★ 29 Open GitHub ↗

Reliable code coverage highlighting for VSCode

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 style="border-bottom: none;" align="center">
  <br>
    <img src="https://github.com/pilat/vscode-coverage-highlighter/blob/master/images/icon.png?raw=true" alt="logo" width="100">
  <br>
  <br>
  Code Coverage Highlighter
</h1>

<p align="center">This is a <a href="https://code.visualstudio.com">Visual Studio Code</a> extension that allows you to see your code coverage.</p>

[![Marketplace Version](https://vsmarketplacebadge.apphb.com/version/brainfit.vscode-coverage-highlighter.svg)](https://marketplace.visualstudio.com/items?itemName=brainfit.vscode-coverage-highlighter) 
[![Build Status](https://travis-ci.org/pilat/vscode-coverage-highlighter.svg?branch=master)](https://travis-ci.org/pilat/vscode-coverage-highlighter)
[![codecov](https://codecov.io/gh/pilat/vscode-coverage-highlighter/branch/master/graph/badge.svg)](https://codecov.io/gh/pilat/vscode-coverage-highlighter) [![Greenkeeper badge](https://badges.greenkeeper.io/pilat/vscode-coverage-highlighter.svg)](https://greenkeeper.io/)

---

## Who can use it?
Does your project use tests? What about code coverage tool? When your development environment prepares coverage report, this extension will highlight your code fragments.

## Supported formats

This extension supports several code coverage formats. Depending on the format only code lines or certain fragments can be be highlighted.

## Highlight examples

Appearance depends on your code coverage format and configuration.

### Code with highlighted fragments

Istanbul file is providing fragment highlighting:

### Code with highlighted lines

The LCOV format was used there. Only uncovered lines were highlighted. This format doesn't support fragment highlighting:

### Alternative appearance

You can enable `wholeLine` mode. It will look especially good when your coverage format doesn't support fragments:

## Status bar

Whereas extension be able to find coverage file, it will add icon to your status bar. There will be average code coverage percentage. Click on eye-icon will switch coverage displaying.

## Configuration
You can adjust some of the configuration options.

### Coverage report files
The extension will search coverage report files at start. Also it will start file system watcher. When file with target pattern will be changed, this extension will try to read it.

```json
"vscode-coverage-highlighter.files": [
    "coverage/coverage-final.json",
    "coverage/lcov*.info",
    "cov*.xml"
]
```

### Show coverage by-default

When the target files would be found, should extension highlight coverage immediately? Coverage could be hidden instead. Click on eye on status bar will highlight coverage.

```json
"vscode-coverage-highlighter.defaultState": "enable"
```

### Highlight whole line or text only

This is an appearance option. When it is the true, a line will be highlighted wholly. Otherwise, only text will be highlighted.

```json
"vscode-coverage-highlighter.wholeLine": false
```

### The colors

The extension supports two colors. For covered and uncovered lines. It would be optimal to write colors in rgba notation. Because highlight with alpha channel wouldn't hide the other decorations.

You also can disable one or more colors completely. Just pass empty string for color and decoration won't be shown.

```json
"vscode-coverage-highlighter.coveredColor": "rgba(20, 250, 20, 0.1)",
```

```json
"vscode-coverage-highlighter.unCoveredColor": "rgba(255, 20, 20, 0.4)"
```

### Show diagnostic messages

You also can enable following option to show diagnostic information on your `Problems` tab. Each uncovered range will be mentioned there.

```json
"vscode-coverage-highlighter.showDiagnostic": false
```

## Commands

Open the `Command Palette` and type `Code Coverage`

- **Toggle coverage display**: When text has been highlighted it will hide highlighting. By clicking on eye on your status bar you can do the same.

<!-- 
## How to contribute

Read the [contribution guidelines](https://github.com/pilat/vscode-coverage-highlighter/blob/master/CONTRIBUTING.md). -->

vscode-coverage-highlighter

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README