Console Highlighter
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.8)) |
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
- Open VS Code
- Press
Ctrl+Shift+X (or Cmd+Shift+X on Mac) to open Extensions
- Search for "Console Highlighter"
- Click Install
From VS Code Quick Open
- Press
Ctrl+P (or Cmd+P on Mac)
- Type
ext install sheik-mostafizur.console-highlighter
- Press Enter
Manual Installation
Download the .vsix file from GitHub Releases and run:
code --install-console-highlighter-0.0.2.vsix
| |
