Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Auto Console Log By Vallarasu KanthasamyNew to Visual Studio Code? Get it now.
Auto Console Log By Vallarasu Kanthasamy

Auto Console Log By Vallarasu Kanthasamy

Vallarasu Kanthasamy

|
336 installs
| (1) | Free
Effortlessly insert console.log statements for all declared variables in JavaScript, TypeScript, and React files. Built for fast debugging and productivity by React Developer Vallarasu Kanthasamy.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Auto Console Log By Vallarasu Kanthasamy

Vallarasu Kanthasamy

Vallarasu Kanthasamy

Built With Maintained Open Source Marketplace Version Marketplace Downloads

Automatically add console.log() statements for all variables in your file with just one shortcut.
Debug like a ninja ⚡ No manual effort. No wasted seconds.

🎯 Key Feature Highlight

💥 Press Ctrl + Alt + L to instantly console.log ALL your variables in the file. No typing, no missing logs — just supercharged debugging ⚡

🖼️ Before & After – See the Magic

Before Code arrow After Code
See the transformation — instantly!

⚙️ How to Use

Just hit the shortcut and BOOM 💥 — all variables in your file are automatically logged.

OS Add All Logs Add Selection Log Remove Logs
🪟 Windows/Linux Ctrl + Alt + L Ctrl + L Ctrl + Alt + R
🍎 macOS Cmd + Alt + L Cmd + L Cmd + Alt + R


📦 Installation

  1. Open Extensions in VS Code (Ctrl + Shift + X)
  2. Search: Auto Console Log By Vallarasu Kanthasamy
  3. Click Install
  4. Done! 🎉

Or install from the Marketplace →

⚡ Zero setup required! On first install, the extension automatically disables conflicting keybindings (like VS Code's built-in Ctrl+L "Expand Line Selection") so your shortcuts work immediately.

🔧 If shortcuts still don't work after install, open the Command Palette (Ctrl+Shift+P) and run Auto Console Log: Fix Keybinding Conflicts.


✅ Supported Languages & Log Formats

Language Extension Log Format
JavaScript / React .js, .jsx console.log("var:", var);
TypeScript / React .ts, .tsx console.log("var:", var);
Python .py print(f"var: {var}")
Java .java System.out.println("var: " + var);
C# .cs Console.WriteLine($"var: {var}");
Go .go fmt.Printf("var: %+v\n", var)
PHP .php error_log("var: " . print_r($var, true));
C++ .cpp std::cout << "var: " << var << std::endl;
Swift .swift print("var: \(var)")

Note: The extension automatically detects the language based on the file extension.


🧪 Comparison Table

Feature Turbo Console Log ❄️ Auto Console Log 🔥 (Yours)
Logging Method One by one manually All at once automatically
Productivity Boost 🐢 Medium ⚡ High
Output Style console.log('var:', var); console.log("var:", var);
Supported File Types JS / TS / React JS, TS, Python, Java, C#, Go, PHP, C++, Swift
Keybinding Conflicts Manual fix required ✅ Auto-resolved on install

🔥 Features Recap

✅ One-shot shortcut logging
✅ Precision Selection Logging: Highlight any variable and press Ctrl + L to log it securely on the next line with smart block indentation analysis.
✅ File-wide Log Removal: Press Ctrl + Alt + R to instantly clean up all auto-generated logs in your file.
✅ Custom Log Templates: Define your own log format (Free for everyone)
✅ Remote Logging: Sync logs to an external URL (Free for everyone)
✅ Custom log levels (log, info, warn, error)
✅ Supports 9+ Languages (JS, Python, Java, Go, C++, Swift, PHP, C#, etc.)
✅ Multi-line Formatter Resilient: Safely adds and removes console logs even if code formatters (like Prettier) split them across multiple lines. ✅ Advanced Multiline Detection: Now identifies the true end of complex statements using continuation operators (+, &&, ||, ., etc.) and Python's backslash (\) continuation. ✅ Terminal-Safe Logging: Intelligently handles return, throw, and other terminal statements by placing logs where they will actually execute. ✅ Lightning-fast debugging for real projects
✅ Auto-disables conflicting keybindings on install — works out of the box
✅ Manual keybinding fix via Command Palette (Auto Console Log: Fix Keybinding Conflicts)


👨‍💻 About the Developer

Hey there! I'm Vallarasu Kanthasamy, a React Developer from Bangalore 🚀
I love building smart tools that help developers save time and stay productive.

Tech Stack

  • ⚛️ React, React Native, Node.js, Express.js
  • 🌐 WordPress Plugin & Theme Development
  • 🧰 Productivity Automation Tools

Projects

  • ✅ ATS Resume Maker
  • 📚 Developer PDF Resource Hub (850+ PDFs)
  • 🎥 Daily Focus Reels
  • 📄 vallarasuk.com

🌐 Connect with Me

  • 🔗 Website
  • 💼 LinkedIn
  • 📂 GitHub
  • 📬 Join WhatsApp Community

🤝 Contributing

Pull requests and suggestions are welcome!
Fork this repo and create an issue to suggest features or improvements.


❓ FAQ

Does it work with React?

Absolutely! It works perfectly with `.js`, `.ts`, `.jsx`, and `.tsx` files.

Can I change log type?

Yes — choose between log, info, warn, and error.

Is this better than Turbo Console Log?

Yes! This tool logs all variables at once, saving more time than Turbo Console Log, which logs only one variable at a time.


🚀 Start Debugging Smarter Now

🚀 Install & Slash Debug Time

Automate logging and focus on solving problems — not typing logs.

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