intellij - webstorm tiene algún acceso directo para console.log o console.info

shortcut phpstorm

Question

Simplemente cansado de escribir console.log una y otra vez, y no encuentro una forma como ''Sysout + Control + Space'' en Eclipse creará System.out.println ().

Answer 1

Hay una plantilla predefinida de Postfix que le permite escribir .log después de una expresión o cadena de JavaScript y presionar Tab para transformarlo en console.log ().

También puede crear una plantilla en vivo (consulte Preferencias | Editor | Plantillas en vivo) que se expandiría en un fragmento de código una vez que escriba la abreviatura seleccionada y presione Tab.

Actualización: ahora también hay un complemento que le permite agregar console.log con un acceso directo: https://plugins.jetbrains.com/plugin/10986-console-log

Answer 2

Hice mi propia plantilla que parece funcionar. Puede ser útil para alguien.

Abreviatura: ll

Texto de plantilla:

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

Variables: (solo seleccione los valores de campo dados haciendo clic en el cuadro desplegable)

1. NOMBRE - jsDefineParameter ()
2. VALOR - jsSuggestVariableName

Answer 3

Hice una plantilla personalizada. Esto te puede ayudar.

Abreviatura: obstrucción

Código de plantilla:

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

Answer 4

Incluyo lo que considero el más eficiente, que agregué a través de plantillas en vivo -> javascript -> aplicable a "Todo". Esperemos que alguien lo encuentre útil.

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

Qué hace: cuando MYSTRING y MYVAR tab, crea el registro y lo primero que escribe llena las variables MYSTRING y MYVAR . Si vuelve a MYVAR , selecciona MYVAR donde puede reescribir / eliminar según lo desee. La tercera vez que presione la pestaña lo llevará al final de la línea en $END . Este fragmento también imprime el número de línea como L123 pero puede eliminarlo fácilmente si no es útil porque, obviamente, la mayoría de los navegadores muestran el número de línea de todos modos.

También debe establecer el comportamiento de las variables como se ve en la imagen a continuación:

Editar configuración de variables

Answer 5

Texto de plantilla en vivo más simple:

console.log($END$);

Answer 6

Si lo hace

<anything>.log y presione la tecla Tab . Esto dará como resultado console.log(<anything>);

es decir,

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

eg1: variable

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

eg2: cadena

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

eg3: cadena y variable

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