does webstorm have some shortcut for console.log or console.info

Question

Just tired of typing console.log again and again, and do not find a way like \'Sysout + Control + Space\' in Eclipse will create System.out.println().

Answer 1

I made a custom template. This can help you.

Abbreviation: clog

Template code:

console.log("\n\n--------------------------------");
console.log($END$);
console.log("--------------------------------\n\n");

Answer 2

Simplest live template text:

console.log($END$);

Answer 3

Yes it does,

<anything>.log and press Tab key. This will result in console.log(<anything>);

ie,

<anything>.log + Tab => console.log(<anything>);

---

eg1: variable

let my_var = 'Hello, World!';
my_var.log + Tab => console.log(my_var);

eg2: string

'hello'.log + Tab => console.log('hello');

eg3: string and variable

'hello', my_var.log + Tab => console.log('hello', my_var);

Answer 4

[UPDATE 2020]

Typing log + Enter autocompletes to console.log()

Answer 5

Maybe it is a recent addition but you can write log and hit tab and console.log() will appear with the caret in between the braces.

The answer from Ekaterina Prigara (https://stackoverflow.com/a/32975087/5653914) was very useful to me but if you want to log a string like "Test" this method is quicker.

Answer 6

I made my own template that seems to work. It may be useful for somebody.

Abbreviation: ll

Template text:

console.log('$NAME$ ', $VALUE$);
    $END$

Variables: (just select the given field values by clicking drop down box)

1. NAME - jsDefineParameter()
2. VALUE - jsSuggestVariableName