чи має веб-шторм ярлик для console.log або console.info

79

Просто втомившись вводити console.log знову і знову, і не знаходите способу, як 'Sysout + Control + Space' в Eclipse, створить System.out.println ().

webstorm shortcut

— Чоппер Лі
джерело

це також працює, дякую

— Чоппер Лі

141

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

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

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

— Катерина Пригара
джерело

28

Також можна використовувати $ END $ в активному шаблоні так: console.log($END$);щоб встановити курсор між дужками в кінці автозавершення.

— olesse

7

Не забудьте налаштувати Defineрозділ, щоб включити будь-який сценарій, який ви використовуєте.

— Siva Kandaraj

Сьогодні у WebStorm, як я бачу, ярлик clза замовчуванням не `.log І живі шаблони розгойдуються! люблю, наскільки це динамічно та налаштовується

— greensin

93

Так ,

<anything>.logі натисніть Tabклавішу. Це призведе доconsole.log(<anything>);

тобто

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

наприклад1: змінна

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);

— Саахітян Вігнесваран
джерело

9

Я зараз на 2000% ефективніший із цим ... :-D дякую!

— Mike_NotGuilty

1

набагато краще, ніж sysout...!

— Сараванабалагі Рамачандран,

2

@SaravanabalagiRamachandran, блискуче! Я щойно зрозумів, що всі вбудовані живі шаблони також можна редагувати. Я хотів би налаштувати цей, але я можу знайти лише шаблон журналу + вкладки за замовчуванням, а не вкладку <anything> +. Чи знаєте ви, де це в налаштуваннях редактора, можливо?

— програматор

Це працює як шарм. Дякуємо, що поділилися своїми знаннями.

— Тунг,

@programstinator, Вбудований файл .log + <TAB>обробляється "Завершенням коду Postfix", а не Шаблонами. jetbrains.com/help/idea/2020.3/…

— kaliatech

8

Я зробив власний шаблон, який, здається, працює. Це може бути корисно для когось.

Абревіатура: ll

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

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

Змінні: (просто виберіть задані значення полів, клацнувши розкривне меню)

НАЗВА - jsDefineParameter ()
ЗНАЧЕННЯ - jsSuggestVariableName

— ptnz
джерело

Не можу змусити це працювати. Я додав його до Шаблонів Live, під Javascript. Але набравши || <tab> це просто вкладки ... без вставки шаблону. Щось я пропустив?

— Скотт

2

Скотте, я думаю, ти забув написати змінні. Подивіться на цей екран із моїм живим шаблоном / комбінаціями клавіш. yadi.sk/i/2AaC_ja33Z342U

— ptnz

5

Я включаю те, що, на мою думку, є найефективнішим, що я додав за допомогою реальних шаблонів -> javascript -> застосовних до "Все". Сподіваємось, хтось вважає це корисним.

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

Що це робить: Коли я набираю clта натискаю вкладку, він створює журнал, і перше, що ви вводите, заповнює MYSTRINGі MYVARзмінні. Якщо ви знову відкриєте вкладку, вона вибере, MYVARде ви можете переписати / видалити за бажанням. Третій раз, коли ви натиснете вкладку, ви потрапите до кінця рядка о $END. Цей фрагмент також друкує номер рядка типу, L123але ви можете легко видалити його, якщо це не корисно, оскільки очевидно, що більшість браузерів і так показують номер рядка.

Вам також потрібно встановити поведінку змінних, як показано на малюнку нижче:

Редагувати налаштування змінних

— lukedev2
джерело

Це справді дивовижно і коштує 4 хвилин, які я щойно витратив, дотримуючись ваших вказівок. Дякую.

— lustig

Чудово !! Я зробив одну крихітну надпросту зміну, яка дозволяє мені автозаповнення для $MYVAR$ (і, отже, $MYSTRING$ одночасно). У Edit variablesдіалозі я просто замінив $MYVAR$ на $MYSTRING$ те, що $MYVAR$ зараз є зверху. Ось зображення цього , легше зрозуміти.

— Bloke

3

використовувати макроси!

https://www.jetbrains.com/help/webstorm/using-macros-in-the-editor.html

Я записав макрос, який бере назву і створює мій курсор

console.log("#### name = ", name);

на наступному рядку. і призначив йому комбінацію клавіш :)

надзвичайно просто, і не вдалося отримати шаблон Live, щоб отримати однаковий результат за 1 дію.

щоб створити новий макрос: Змінити -> Макроси -> Почати запис макросів. потім запишіть свої наступні ходи і створіть бажаний результат. це моє:

— ідан хав
джерело

Привіт Ідане, ти не міг би поділитися цим з нами, будь ласка?

— Девід Ласрі

Привіт, Девід, я відредагував допис, щоб додати більше інформації. я думаю, що краще записати макрос, ніж редагувати вручну, але додав скріншот отриманого результату. удачі

— idan hav

2

[ОНОВЛЕННЯ 2020]

Набравши log+ Введіть автозавершення доconsole.log()

— db306
джерело

@Chopper Lee, це має працювати сьогодні без будь-якої подальшої конфігурації

— db306,

1

Я зробив власний шаблон. Це може вам допомогти.

Абревіатура: засмічення

Код шаблону:

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

— азимольмез
джерело

1

Найпростіший живий текст шаблону:

console.log($END$);

— Каміль Наджа
джерело

0

Можливо, це нещодавнє додавання, але ви можете написати журнал і натиснути вкладку, і console.log () з'явиться з вставкою між дужками.

Відповідь Катерини Пригари ( https://stackoverflow.com/a/32975087/5653914 ) була для мене дуже корисною, але якщо ви хочете записати рядок типу "Тест", цей метод швидший.

— Жоао Мартінс
джерело