WebStorm es un excelente software de programación y también tiene atajos de teclado para casi todas las operaciones. El siguiente artículo compartirá los 10 atajos de teclado esenciales que todo usuario de WebStorm necesita.
Cuando usamos la mayoría de los programas, nos sentimos productivos cuando podemos realizar rápidamente las tareas más utilizadas. Los accesos directos son siempre una solución de larga data y un gran soporte para este propósito, ayudando a los usuarios a ahorrar mucho tiempo. Todos los atajos de teclado de WebStorm en el artículo están disponibles en el diagrama de teclado predeterminado para Windows, Linux, Mac OS X 10.5 y superior. Puede personalizar fácilmente la configuración del teclado en Preferencias | Mapas de teclas .
Buscar en todas partes: Shift + Shift
Como su nombre lo indica, la búsqueda emergente en todas partes permite a los usuarios buscar cualquier dato en el proyecto, así como el IDE.
Puede encontrar archivos, símbolos, funciones, variables, clases u otros componentes en el código y navegar rápidamente a ellos:

También puede buscar tareas y ejecutarlas.

También puede buscar a través de la configuración de IDE, incluso activar o desactivar algunas opciones directamente en la ventana emergente.

Navegue a la declaración: Ctrl + B (⌘B) o Ctrl + Click (⌘-Click)
Puede cambiar de forma instantánea a una función, método definido o declaraciones de variables, clase, composición, estilos CSS con sólo Ctrl-clic en ella o poner tapones en él y presione Ctrl + B . Este acceso directo también puede ayudarlo al archivo de referencia o al módulo importado.

Si WebStorm encuentra más de una declaración para la misma función, se le pedirá que seleccione una de ellas en la lista desplegable.
Finalice el código reemplazando: Tab
Cuando comienza a escribir datos en WebStorm, la ventana emergente completa el código generado automáticamente para ayudar con la programación. Básicamente, solo necesita presionar Enter para seleccionar una de las sugerencias proporcionadas. Sin embargo, si necesita reemplazar una función o cambiar la clase CSS, presione Tab y el elemento actual será reemplazado por el elemento de búsqueda seleccionado.

Mostrar acciones relacionadas: Alt + Enter o ⌥-Enter
WebStorm tiene mucha Intención que lo ayuda a corregir rápidamente errores, crear código o cambiar la configuración del proyecto. Ponga un cursor en el código resaltado o subrayado, luego presione Alt + Entrar para ver una lista de tareas relacionadas disponibles. Por ejemplo:

¿No quieres ver ninguna advertencia? Elija Suprimir para desactivar la comprobación de esa línea de código o archivo, o Desactívela para todo el proyecto.

Expanda la selección: Ctrl + W o Arrow-Flecha arriba
Con la tarea de selección Extender, puede seleccionar rápidamente cualquier bloque de código sin usar un mouse:

Ejecutar ...: Alt + Mayús + F10 o ⌃⌥R
La forma más rápida de ejecutar una de las configuraciones de ejecución del proyecto es presionar Alt + Shift + F10 en Windows o Ctrl-Alt-R en una Mac y seleccionar una configuración de la ventana emergente.

Consejo : Mantenga presionada la tecla Mayús y presione Entrar para depurar la configuración en lugar de ejecutarla.
Abra la plantilla Expandir en vivo: pestaña
La plantilla Expand Live es realmente una solución que le ahorra mucho tiempo. Escriba la abreviatura corta, luego presione Tab para expandirla en el código. Mueva el marcador de posición de una variable a otra en la plantilla presionando Tab nuevamente.
WebStorm tiene una rica colección de plantillas, incluidas las plantillas de Postfix. También puede agregar sus propias plantillas personalizadas.

WebStorm también admite abreviaturas de Emmet para HTML y CSS. Puede expandirlos con Tab.
Multi-cursor: Alt + Click
La popular característica de múltiples cursores también está disponible en WebStorm. Presione Alt + Clic para usar múltiples cursores a la vez, luego edite sus posiciones simultáneamente.

Nuevo archivo de memoria virtual: Ctrl + Alt + Mayús + Insertar o ⇧⌘N
Con el archivo Scratch, puede crear rápidamente muestras de código o tomar notas mientras trabaja en el IDE, sin afectar el archivo del proyecto, pero aún así obtener soporte de código. El archivo de memoria virtual se guarda en el IDE. Puede acceder fácilmente desde cualquier proyecto.

Refactorizando el código: Alt + Control + Shift + T o ⌃T
La refactorización de código es una característica destacada de WebStorm. Para acceder rápidamente a la lista de refactorización disponible para los códigos seleccionados, presione Alt + Control + Shift + T o Ctrl-T :

Otros atajos de teclado
Para obtener una lista completa de métodos abreviados de teclado predeterminados, visite la tabla de referencia del Mapa de teclas en el IDE a través de Ayuda | Referencia de mapa de teclas predeterminada o aquí .
Alternativamente, a través de la configuración de Keymap en Preferencias | Mapas de teclas . Aquí puede buscar por nombre de tarea o acceso directo:

Además, recuerde el acceso directo para Buscar en todas partes , puede ver accesos directos relacionados o probar el Visual Shortcut Mapper con el mapa de teclas predeterminado de WebStorm disponible.
Esperemos que los accesos directos anteriores lo ayuden a ahorrar tiempo y a usar WebStorm de manera efectiva como lo desee.