Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Comments HighlighterNew to Visual Studio Code? Get it now.
Comments Highlighter

Comments Highlighter

Mahesh Abeykoon

|
116 installs
| (1) | Free
Boosts productivity by visually emphasizing TODOs, FIXMEs, and other actionable comments in your source files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Comments Highlighter

Comments Highlighter is a Visual Studio Code extension designed to boost productivity by visually emphasizing actionable comments in your code, such as TODO, FIXME, and more. It helps developers easily track and manage tasks, bugs, and notes directly in the code editor.

Example of Highlighted Comments

This is how your actionable comments will appear in the editor:

TODO Highlighter Example

✨ Features

  • Highlights actionable comments (TODO, FIXME, NOTE, TASK, BUG, HACK, ISSUE) in your code.
  • Uses custom styles, including:
    • Distinct background colors for each type.
    • Border and text styling for better visibility.
  • Works seamlessly with multiple programming languages.
  • Supports user-defined comment styles based on the language of your project.

🚀 Getting Started

Installation

  1. Install the extension directly from the Visual Studio Marketplace. (Comments Highlighter)
    OR
  2. Install the extension locally:
    • Package the extension using vsce package (if not already done).
    • Run the following command in your terminal:
      code --install-extension <path-to-your-extension>.vsix
      

Usage

  • Open your project in Visual Studio Code.
  • Comments such as // TODO:, // FIXME:, or other supported keywords will be automatically highlighted.

Supported Keywords and Styles

Keyword Description Style
TODO Task to be completed Yellow background
FIXME Needs fixing Light red background
NOTE Important note Light green background
TASK Work item Light green background
BUG Identified bug Light red background
ISSUE Problem to address Light red background
HACK Temporary workaround Yellow background

⚙️ Configuration

This extension is designed to work out of the box, but you can modify or add comment patterns in the source code if needed. Check the updateDecorations function for customization.

🛠️ Development

Prerequisites

  • Install Node.js.
  • Install Visual Studio Code.
  • Install vsce to package and publish the extension:
    npm install -g @vscode/vsce
    
    

git clone https://github.com/Mahesh-Abeykoon/comments-highlighte

Running Locally

Clone the repository:

git clone <https://github.com/Mahesh-Abeykoon/comments-highlighte>

Navigate to the project folder:

cd todo-highlighter

Install dependencies:

npm install

Open the project in VS Code:

code .

Press F5 to run the extension in the Extension Development Host.

📝 License This project is licensed under the MIT License.

Developed by Mahesh Abeykoon.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft