DEV Community

Cover image for Introducing "Output Formatter" – Clean, Readable Logs in Seconds!
Saikat Das
Saikat Das

Posted on

Introducing "Output Formatter" – Clean, Readable Logs in Seconds!

Hi devs!

I recently published a new VS Code extension called Output Formatter – and if you're someone who prints a lot of logs while debugging, this one’s for you.

What is Output Formatter?

Output Formatter is a lightweight extension (< 100kb) that automatically formats your print / console.log / System.out.println statements with:

  1. Line numbers
  2. File names
  3. Consistent, readable formatting

It currently supports multiple languages including:

  • JavaScript & TypeScript
  • Python
  • Java
  • C#
  • Go
  • PHP
  • Rust ...and more coming soon!

extension logo

Why I built it?

Like many developers, I rely heavily on console.log() or print() for debugging during development. But the more complex the project, the harder it is to trace which print statement came from where. This leads to a lot of:

console.log("here");
console.log("still here?");
console.log("WHY IS THIS NOT WORKING");
Enter fullscreen mode Exit fullscreen mode

I wanted an automated way to keep my logs traceable, without cluttering them manually with filenames and line numbers every time. Thus, Output Formatter was born.

How it works

Just select a log statement → use short cut key ctrl + alt + t (or right-click menu) → select "add line tracking to output"!

Before:
console.log("User created successfully");

After:
console.log("User created successfully - user.controller.js:46");
No more guessing where the output came from!

Install

You can install it from the VS Code Marketplace or search for "Output Formatter" in the Extensions tab.

Feedback welcome!

I'd love for you to try it and share your thoughts! Whether it’s a bug, a feature request, or just a thumbs-up — everything helps. You can raise issues on GitHub.

Thanks for reading!
Happy debugging!

— Saikat Das

Top comments (0)