Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>Console WarriorNew to Visual Studio Code? Get it now.
Console Warrior

Console Warrior

joncode

|
344 installs
| (1) | Free
Visualize console messages (log, warn, error) directly in VSCode editor inline, boosting debugging and productivity.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

⚔️ Console Warrior

License PRs Welcome Built with VSCode API

Visualize your console messages directly inside VSCode — logs, warnings, errors, info and etc.., all in real-time! 🚀

Presentation


📑 Table of Contents

  • Captures
  • Features
  • Quick Start
  • Why Console Warrior?
  • Contribute
  • Legal

📸 Captures

Capture


✨ Features

  • 📝 Inline display of log, warn, error, info, debug, and table messages
  • 🌐 Real-time WebSocket communication
  • 💻 Supports Vite-based projects CSR and SSR
  • 🖱 Hover over messages to see detailed info (hoverMessage)
  • 🔧 Open source & community-driven

⚙️ Quick Start

  1. Start your Vite dev server (only Vite supported for now)
  2. Default port: 5173
  3. Open a file with console statements
  4. 🎉 Messages appear right under your code, with hover support for details

💡 Use the command palette:
Console Warrior: Connect to Console Warrior Port
By default it connects to 5173, but you can use this command to set a custom port.

⚠️ Currently Vite-only
Console Warrior works exclusively with Vite projects (CSR and SSR).
Support for other frameworks (Next.js, Astro, etc.) is planned for the future.


🧠 Why Console Warrior?

Modern debugging deserves modern tools:

  • ⚡ Instant feedback while coding
  • 🧼 Cleaner, more efficient workflow
  • 🤝 Built for and by the developer community
  • 🆓 100% open source, Apache 2.0 licensed

🤝 Contribute

We welcome contributions:

  • 🔧 Add framework support (Next.js, Astro…)
  • 📚 Extend the plugin system
  • ⚙️ Improve log formatting & filtering
  • 🧪 Enhance testing & dev experience

Check Issues to get started!


⚠️ Legal

🛠️ Developed from scratch, fully original
✨ Inspired by behavior of other tools, but 100% independent
🚫 Not affiliated with Console Ninja or any other commercial product
❤️ Non-profit, open source, for the community
📜 Licensed under Apache 2.0

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