web-dev-qa-db-fra.com

webstorm a-t-il un raccourci pour console.log ou console.info?

Juste fatigué de taper console.log encore et encore, et ne pas trouver un moyen comme 'Sysout + Control + Space' dans Eclipse créera System.out.println ().

webstormshortcut
48
Chopper Lee

Un modèle Postfix prédéfini vous permet de taper .log après une expression ou une chaîne JavaScript et d'appuyer sur Tab pour le transformer en console.log ().

Vous pouvez également créer un modèle Live (voir Préférences | Editeur | Modèles Live) qui serait développé dans un extrait de code une fois que vous avez saisi l'abréviation sélectionnée et que vous avez appuyé sur Tab.

Mise à jour: il existe maintenant un plugin permettant d'ajouter console.log avec un raccourci: https://plugins.jetbrains.com/plugin/10986-console-log

106
Ekaterina Prigara

Oui c'est le cas,

<anything>.log et appuyez sur Tab clé. Cela entraînera console.log(<anything>);

c'est à dire,

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

eg1: variable

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

eg2: chaîne

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

eg3: chaîne et variable

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

J'ai créé mon propre modèle qui semble fonctionner… .. Il peut être utile à quelqu'un.

Abréviation: ll

Modèle de texte:

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

Variables: (il suffit de sélectionner les valeurs de champ données en cliquant sur la liste déroulante)

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

Texte de modèle live le plus simple:

console.log($END$);
0
Kamil Naja

J'ai créé un modèle personnalisé. Cela peut vous aider.

Abréviation: sabot

Code du modèle: 

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

J'inclus ce que je trouve le plus efficace, que j'ai ajouté via des modèles en direct -> javascript -> applicable à "Tout". Espérons que quelqu'un le trouve utile.

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

Que fait-il: Lorsque je tape cl et que je presse l'onglet, le journal est créé et la première chose que vous tapez remplit les variables MYSTRING et MYVAR. Si vous appuyez à nouveau sur l'onglet, il sélectionne MYVAR où vous pouvez réécrire/supprimer à votre guise. La troisième fois que vous appuierez sur l'onglet, vous arriverez à la fin de la ligne à $END. Cet extrait imprime également le numéro de ligne comme L123, mais vous pouvez facilement le supprimer s'il ne vous est pas utile car, de toute évidence, la plupart des navigateurs affichent le numéro de ligne.

Vous devez également définir le comportement des variables, comme indiqué dans l'image ci-dessous:

Modifier la configuration des variables

0
lukedev2