does webstorm have some shortcut for console.log or console.info
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)
- NAME - jsDefineParameter()
- VALUE - jsSuggestVariableName
[UPDATE 2020]
Typing log
+ Enter autocompletes to console.log()
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);
There's a predefined Postfix template that allows you to type .log after a JavaScript expression or string and hit Tab to transform it to console.log().
You can also create a Live template (see Preferences | Editor | Live templates) that would expand into a code snippet once you type the selected abbreviation and hit Tab.
Update: there's now also a plugin that allows you to add console.log with a shortcut: https://plugins.jetbrains.com/plugin/10986-console-log