Vfrdtyky

Update Feb, 2019:

As suggested by Adrian Smith and others: If you want to bind a keyboard shortcut to create a console log statement, you can do the following:

1. File > Preferences > Keyboard Shortcuts


2. Below the search bar you'll see a message "For advanced customizations open and edit keybindings.json", click on it


3. Add this to the JSON settings:

{

  "key": "ctrl+shift+l",

  "command": "editor.action.insertSnippet",

  "when": "editorTextFocus",

  "args": {

    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"

  }

}

Pressing CTRL+SHIFT+L will output the console snippet. Also, if you already have text selected it will be put inside the log statement.

If you rather want intellisene/autocomplete:

Go to Preferences -> User Snippets -> Choose Typescript (or whatever language you want). A json file should open. You can add code snippets there.

There is already a snippet for console.log commented out:

"Print to console": {

    "prefix": "log",

    "body": [

        "console.log('$1');",

        "$2"

    ],

    "description": "Log output to console"

}

You have to do this for every language you want to use the snippet ... is kinda bothering.

Also, you should set "editor.snippetSuggestions": "top", so your snippets appear above intellisense. Thanks @Chris!

You can find snippet suggestions in Preferences -> Text Editor -> Suggestions

The top answer by @Sebastian Sebald is perfectly fine, but hitting a similar problem (not console.log specifically, but rather it "missing") I wanted to also contribute an answer.

Your prefix is indeed working - by default its log and in your case you have changed it to c. When you type log (or c) VSCode will generate a full list of "all the things™" based on many factors (ie I don't know what factors, probably class relevance).

Things like snippets tend to gravitate towards the bottom. To bump them to the top, despite their length, add this to your settings:

"editor.snippetSuggestions": "top"

In Atom there is a nice shortcut for console.log() and I wanted the same in VS Code.

I used the solution by @kamp but it took me a while to figure out how to do it.
Here are the steps I used.

1. Go to: File > Preferences > Keyboard Shortcuts




2. At the top of the page you will see a message that says:
   For advanced customizations open and edit keybindings.json

3. This opens two panes: the default keybindings, and your custom bindings.

4. Enter the code provided by @kamp
   

Other way is to open keybindings.json file and add your desired key combination. In my case it's:

{

    "key": "cmd+shift+l",

    "command": "editor.action.insertSnippet",

    "when": "editorTextFocus",

    "args": {

      "snippet": "console.log($1)$0;"

    }

}

All the above answers works fine, but if you don't want to change the configuration of the visual studio code, rather want auto-completion for console.log(object);
you can simply use this shortcut clg and press Ctrl+Space for suggestion and hit Enter

Note : This feature is avaliable when you install JavaScript (ES6) code snippets extension.

Similarly you have auto-completion for :

• 
  clg for console.log(object);
  


• 
  clo for console.log('object :', object);
  


• 
  ccl for console.clear(object);
  


• 
  cer for console.error(object);
  


• 
  ctr for console.trace(object);
  


• 
  clt for console.table(object);
  


• 
  cin for console.info(object);
  


• 
  cco for console.count(label);
  
  
  
  (This list continues...)

link for JavaScript(ES6) code snippets :
https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

Type log and hit enter. It will auto-complete console.log();

In case anybody is interested in putting the currently selected text into the console.log() statement:

{

    "key": "cmd+shift+l",

    "command": "editor.action.insertSnippet",

    "when": "editorTextFocus",

    "args": {

      "snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"

    }

}

When you type the word log, you will see something like this:

Choose the one which says Log to the console in case you see different log options (that would basically be possible when you have some identifier with the name log.

Click Enter.

The intellisense will do its job!

Here's a better solution

{

        "key": "cmd+shift+c",

        "command": "editor.action.insertSnippet",

        "when": "editorTextFocus",

        "args": {

            "snippet": "console.log('${TM_SELECTED_TEXT}', $TM_SELECTED_TEXT$1);"

        }

    }

Anyone looking for For advanced customizations open and edit keybindings.json

Click this little icon to open keybindings.json.

Use this code for generate both console.log() & to generate console.log("Word") for selected text.

{

  "key": "ctrl+shift+l",

  "command": "editor.action.insertSnippet",

  "when": "editorTextFocus",

  "args": {

    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"

  }

}

The below one is currently selected text with single quotes. Hope it helps

// Place your key bindings in this file to overwrite the defaults

[{

    "key": "ctrl+shift+c",

    "command": "editor.action.insertSnippet",

    "when": "editorTextFocus",

    "args": {

        "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"

    }



}]