Skip to content

midnightsyntax/vscode-wrap-console-log

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

Wrap Console Log

This extension wraps the word near your cursor and replaces it as an argument for console.log.

Key features

  • Optimized for keyboard use
  • No selection needed
  • Wrap and replace for fast logging
  • Doesn't break indent
  • Can log variables with and without prefixed text
  • Supports custom prefix

Type the variable to log

demo

Log the variable on cursor

demo

Type and log it as a string

demo

Keep your indents

demo

Use custom prefix

demo

The fastest way to log your variables! Type it and press Ctrl+Alt+W + W.

Another way to console.log your variables is to simply place your mouse cursor on them and then wrap them on the line below with Ctrl+Alt+W + Down or the line above with Ctrl+Alt+W + Up.

Does the keyboard shortcuts seem to complex? Don't worry, they feel way more comfortable than they look. :)

Also, you are free to rebind all keyboard shortcuts as you want in your workspace and user settings files. :)

Keyboard shortcuts

Log as string

Replace the word on your cursor or the selected text

  • Alt+Shift+W + W
OBS: If the string to log contains spaces you need to select the whole string

Log on current line

Replace the variable on the mouse cursor

Wrap and replace

  • Ctrl+Alt+W + W

With prefix

  • Ctrl+Alt+W + Ctrl+Alt+W

With prefix (show input box)

  • Ctrl+Shift+Alt+W + Ctrl+Shift+Alt+W

Insert down

Insert console.log on the line below

Down

  • Ctrl+Alt+W + Down

With prefix

  • Ctrl+Alt+W + Ctrl+Alt+Down

With prefix (show input box)

  • Ctrl+Shift+Alt+W + Ctrl+Shift+Alt+Down

Insert up

Insert console.log on the line above

Up

  • Ctrl+Alt+W + Up

With prefix

  • Ctrl+Alt+W + Ctrl+Alt+Up

With prefix (show input box)

  • Ctrl+Shift+Alt+W + Ctrl+Shift+Alt+Up