console.log() key binding for Sublime Text

snippet.md

Go to Sublime Text 2 > Preferences > Key Bindings - User and add this JSON to the file:

[
    { "keys": ["super+shift+l"],
      "command": "insert_snippet",
      "args": {
        "contents": "console.log(${1:}$SELECTION);${0}"
      }
    }
]

Inserts a console.log() at the current cursor position, tab once to jump past.

Very cool. I'd add a context match for javascript, so you can add additional logging styles based on the language:

    { "keys": ["super+shift+l"],
      "command": "insert_snippet",
      "args": {
        "contents": "console.log(${1:}$SELECTION);${0}"
      }, "context":
      [
        { "key": "selector", "operator": "equal", "operand": "source.js", "match_all": true }
      ]
    },
    { "keys": ["super+shift+l"],
      "command": "insert_snippet",
      "args": {
        "contents": "NSLog(@\"${1:}$SELECTION\"$2);\n${0}"
      }, "context":
      [
        { "key": "selector", "operator": "equal", "operand": "source.objc", "match_all": true }
      ]
    }

Works like a charm, thanks. Now just to resist reducing a lot of stuff to snippets....

dope, thanks!

Exactly what I was after - thank you.

@ttscoff

Hi man, thanks for your version of the key binding.
Just one question - how should I adjust it to have it working in the html files as well as ? (even outside the <script><script> block)?

I've tried several variants, but haven't succeed.

Regards,

where can i find the documentation for defining the args? how can i know about ${1:}? $SELECTION? ${0}? been googling and found the official documentation here http://sublime-text-unofficial-documentation.readthedocs.org/en/latest/customization/key_bindings.html but didn't find the answer :(

Awesome. Exactly what I needed. Thank you!

thank mate!

Thanks! Keyboard shortcuts for the win.

Thanks!

Does anyone know how to insert a newline first, then insert the snippet on the new line?

This is useful when I want to select a variable and just the shortcut to console log on the next line. This current implement does it in-line which breaks syntax.

My update to print valueName => value with two cursors : console.log('CURSOR => ',CURSOR)

[
    { "keys": ["super+shift+l"],
      "command": "insert_snippet",
      "args": {
        "contents": "console.log('${1:}$SELECTION => ',${1:}$SELECTION);${0}"
      }
    }
]

You saved my time! thx

can't insert in newLine?

Super awesome. Thank youuuuu

you can insert a new line using \n

Fantastic 👍

Using macro, you can output a new line console.log.
https://gist.github.com/112KA/acfd03d6ac9edcd0154932fc055e6c0d

Thanks !

very cool

how this works exactly? I have ubuntu in a Spanish keyboard

This is great, but (as per previous reply) where are ${1:}, $SELECTION and ${0} documented?

Works like a charm, thanks!