mega-log

Insert smart console logs for variables in JavaScript, TypeScript, Python, and more, with keyboard shortcuts.

Features

• Empty logs.
• Log variable value, with or without labels.
• Log variable type, with or without labels.
• Configurable templates per language.
• Easy keyboard shortcuts for quick logging.

Usage

Use these commands or their shortcuts: The default shortcuts are using chorded keys. So you need to press Ctrl+Alt+m first, and then the shortcut key for each command. Of course you can change the shortcuts in your settings.

• Mega Log: Log Empty 👉 Ctrl+Alt+m e — Log empty log.
• Mega Log: Log Variable 👉 Ctrl+Alt+m l — Log variable value.
• Mega Log: Log Variable With Label 👉 Ctrl+Alt+m shift+l — Log variable value with label.
• Mega Log: Log Variable Type 👉 Ctrl+Alt+m t — Log variable type.
• Mega Log: Log Variable Type With Label 👉 Ctrl+Alt+m shift+t — Log variable type with label.

Configuration

You can customize log templates and settings in your VSCode settings. You can use ${var} to insert the variable name dynamically. You can use ${cursor} to insert the cursor position dynamically (end of the line by default).

"megaLog.templates": [
  {
    "language": "javascript",
    "empty": "console.log(${cursor})",
    "value": "console.log(${var})",
    "label": "console.log('${var}', ${var})",
    "type": "console.log(typeof ${var})",
    "typeWithLabel": "console.log('type(${var})', typeof ${var})"
  }
],
"megaLog.includeSemicolon": true,
"megaLog.useSingleQuotes": true

Release Notes

1.0.0

Initial release of mega-log with basic logging features for JavaScript, TypeScript, Python, and more.

Enjoy!