VS Code Extensions
Console Highlighter

Console Highlighter

by sheik-mostafizur

Highlight console.log, console.error, console.warn, console.info, and console.debug statements with different colors

Downloads

56

Rating

5.0 / 5 (1)

Version

0.1.1

Last updated

Apr 16, 2026

Programming Languages Visualization #javascript #typescript #javascriptreact #typescriptreact #console.log #debug #highlight #console #log #console.error

Version Installs Rating License

A VS Code extension that highlights console statements with different colors for better visibility during debugging.

Features

  • 🎨 Different colors for each console method (log, info, warn, error, debug)
  • 📁 Supports multiple file types: JavaScript (.js, .mjs, .cjs), TypeScript (.ts), React (.jsx, .tsx)
  • ⚙️ Fully customizable colors through VS Code settings
  • 🚀 Real-time highlighting as you type
  • 💡 Lightweight with zero dependencies

Supported Console Methods

Method Default Color
console.log neon green (rgba(0, 255, 106, 0.6))
console.info Sky Blue (rgba(56, 189, 248, 1))
console.warn Amber (rgba(251, 191, 36, 1))
console.error Red (rgba(248, 113, 113, 1))
console.debug Violet (rgba(167, 139, 250, 1))
console.dir Slate (rgba(148, 163, 184, 1))

Installation

From VS Code Marketplace

  1. Open VS Code
  2. Press Ctrl+Shift+X (or Cmd+Shift+X on Mac) to open Extensions
  3. Search for "Console Highlighter"
  4. Click Install

From VS Code Quick Open

  1. Press Ctrl+P (or Cmd+P on Mac)
  2. Type ext install sheik-mostafizur.console-highlighter
  3. Press Enter

Manual Installation

Download the .vsix file from GitHub Releases and run:

code --install-console-highlighter-0.0.2.vsix

Related extensions

Chat Customizations Evaluations

Chat Customizations Evaluations

ms-vscode

Extension for analyzing, validating, and improving AI prompts

Programming Languages Linters #ai
943,351 1.9
DeepSeek V4 for Copilot Chat

DeepSeek V4 for Copilot Chat

Vizards

Use DeepSeek V4 Pro, Flash, and Flash Vision Exp in Copilot Chat with native vision, Vision Proxy, reasoning, and agent tools.

Programming Languages AI #ai
319,886 4.9
ABAP Development Tools for VS Code

ABAP Development Tools for VS Code

SAPSE

The official ABAP development tools for your preferred editor, with integrated AI support.

Programming Languages #keybindings
30,740 2.9
Mistral Vibe VS Code

Mistral Vibe VS Code

mistralai

Mistral Vibe is an AI coding agent for VS Code that works across your whole project.

Programming Languages Machine Learning #ai
29,456 4.4