У webstorm есть ярлык для console.log или console.info

Ответ 1

Существует предопределенный шаблон Postfix, который позволяет вам вводить .log после выражения или строки JavaScript и нажимать клавишу Tab, чтобы преобразовать его в console.log().

Вы также можете создать шаблон Live (см. "Параметры" | "Редактор" | "Шаблоны Live"), который расширится до фрагмента кода после ввода выбранной аббревиатуры и нажатия клавиши "Tab".

Обновление: теперь есть также плагин, который позволяет добавлять console.log с помощью ярлыка: https://plugins.jetbrains.com/plugin/10986-console-log

Ответ 2

Да, это так,

<anything>.log и нажмите клавишу Tab. Это приведет к console.log(<anything>);

т.е.

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

eg1: переменная

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

eg2: строка

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

eg3: строка и переменная

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

Ответ 3

Я сделал свой собственный шаблон, который, кажется, работает. Это может быть полезно для кого-то.

Сокращение: ll

Текст шаблона:

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

Переменные: (просто выберите значения данного поля, щелкнув раскрывающийся список)

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

Ответ 4

Я сделал собственный шаблон. Это может помочь вам.

Аббревиатура: сабо

Код шаблона:

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

Ответ 5

Простейший живой шаблон текста:

console.log($END$);

Ответ 6

Я включаю то, что считаю наиболее эффективным, и которое я добавил через живые шаблоны → javascript ->, применимые ко "Все". Надеюсь, кто-то найдет это полезным.

console.log('L$LINE$ $MYSTRING$ ===', $MYVAR$);$END$

Что он делает: Когда я печатаю cl и нажмите вкладку, она создает журнал и первое, что вы набираете заполняет как MYSTRING и MYVAR переменных. Если вы MYVAR снова, он выбирает MYVAR где вы можете переписать/удалить по желанию. Третий раз, когда вы нажмете Tab, вы попадете в конец строки на $END. Этот фрагмент также печатает номер строки, например, L123 но вы можете легко удалить его, если он бесполезен, потому что, очевидно, большинство браузеров в любом случае показывают номер строки.

Редактировать настройки переменных (изображение):

Изменить настройки переменных