Hat Webstorm eine Verknüpfung für console.log oder console.info?

Nur müde, immer wieder console.log einzugeben und keinen Weg wie 'Sysout + Control + Space' in Eclipse zu finden, wird System.out.println () erstellt.

Es gibt eine vordefinierte Postfix-Vorlage, mit der Sie .log nach einem JavaScript-Ausdruck oder einer JavaScript-Zeichenfolge eingeben und die Tabulatortaste drücken können, um sie in console.log () umzuwandeln.

Sie können auch eine Live-Vorlage erstellen (siehe Einstellungen | Editor | Live-Vorlagen), die sich zu einem Code-Snippet erweitert, sobald Sie die ausgewählte Abkürzung eingeben und die Tabulatortaste drücken.

Update: Es gibt jetzt auch ein Plugin, mit dem Sie console.log mit einer Verknüpfung hinzufügen können: https://plugins.jetbrains.com/plugin/10986-console-log

Ja , das tut es,

<anything>.logund drücken Sie die TabTaste. Dies führt zuconsole.log(<anything>);

dh

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

eg1: variabel

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

eg2: string

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

eg3: String und Variable

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

Ich habe meine eigene Vorlage erstellt, die zu funktionieren scheint. Es kann für jemanden nützlich sein.

Abkürzung: ll

Vorlagentext:

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

Variablen: (Wählen Sie einfach die angegebenen Feldwerte aus, indem Sie auf das Dropdown-Feld klicken.)

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

Ich füge hinzu, was ich für das effizienteste halte, was ich über Live-Vorlagen hinzugefügt habe -> Javascript -> anwendbar auf "Alles". Hoffentlich findet es jemand nützlich.

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

Was es tut: Wenn ich tippe clund die Tabulatortaste drücke, wird das Protokoll erstellt und als erstes werden sowohl Variablen MYSTRINGals auch MYVARVariablen ausgefüllt. Wenn Sie erneut auf die Registerkarte klicken, wird ausgewählt, MYVARwo Sie nach Bedarf neu schreiben / löschen können. Wenn Sie das dritte Mal auf die Tabulatortaste drücken, gelangen Sie zum Ende der Zeile um $END. Dieses Snippet druckt auch die Zeilennummer wie, L123aber Sie können diese leicht entfernen, wenn dies nicht hilfreich ist, da die meisten Browser offensichtlich sowieso die Zeilennummer anzeigen.

Sie müssen auch das Verhalten der Variablen wie in der Abbildung unten dargestellt einstellen:

Bearbeiten Sie das Setup der Variablen

benutze Makros!

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

Ich habe ein Makro aufgenommen, das den Namen meines Cursors annimmt und erstellt

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

in der nächsten Zeile. und ihm eine Tastenkombination zugewiesen :)

Super einfach und konnte keine Live-Vorlage erhalten, um mit 1 Aktion das gleiche Ergebnis zu erzielen.

So erstellen Sie ein neues Makro: Bearbeiten -> Makros -> Makroaufzeichnung starten. Zeichnen Sie dann Ihre nächsten Züge auf und erstellen Sie das gewünschte Ergebnis. das ist meins:

Ich habe eine benutzerdefinierte Vorlage erstellt. Dies kann Ihnen helfen.

Abkürzung: verstopfen

Vorlagencode:

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

Einfachster Live-Vorlagentext:

console.log($END$);

Vielleicht ist es eine neue Ergänzung, aber Sie können ein Protokoll schreiben und die Tabulatortaste drücken, und console.log () wird mit dem Caret zwischen den geschweiften Klammern angezeigt.

Die Antwort von Ekaterina Prigara ( https://stackoverflow.com/a/32975087/5653914 ) war für mich sehr nützlich, aber wenn Sie eine Zeichenfolge wie "Test" protokollieren möchten, ist diese Methode schneller.

[UPDATE 2020]

Tippen log+ Enter autocompletes zuconsole.log()