Quick Log

Insert smart console.log statements with context — instantly, with one keystroke.

const error = catchSomething();
// Press Cmd+Shift+L on `error` →
console.log("🚀 ~ ErrorBoundary ~ error:", error);

Features

• 🚀 Smart context detection — auto-detects enclosing function/class/method name via the language server (AST-accurate for TypeScript / JavaScript / TSX / JSX)
• 📐 Multi-line statement aware — handles if (...), multi-line const x = ..., function args spanning lines; never breaks syntax
• 🖱️ Multi-cursor support — place multiple cursors, insert all logs at once
• 🔁 Skip duplicates — pressing the shortcut twice on the same variable does nothing
• 💬 Comment / Uncomment / Remove — toggle all logs in the file with one shortcut
• 📊 Status bar counter — see at a glance how many 🚀 logs are in the current file; click to wipe them
• ⚙️ Configurable — change emoji, quote style, semicolon

Keybindings

On Windows / Linux, replace Cmd with Ctrl.

Settings

Examples

Simple variable:

function handle(error) {
  error // ← cursor here
}
// →
function handle(error) {
  error
  console.log("🚀 ~ handle ~ error:", error);
}

Multi-line declaration:

const originalPrice =
  (price.compareAtPrice * shopifyRate) / Number(price?.rate) -
  data.final_line_price;
console.log("🚀 ~ calcPrice ~ originalPrice:", originalPrice);

Variable inside if (...) condition:

if (
  price?.compareAtPrice &&
  settings?.customization?.showCompareAtPrice // ← cursor here
) {
  // body
}
console.log("🚀 ~ useEffect ~ settings:", settings);

License

MIT