¿Puede compartir algunos atajos útiles y fáciles de usar (plantillas en vivo y keymaps, tal vez incluso algunos plugins) para Programa PHPStorm?
Gracias
GENERAL Y EDICIÓN:
CTRL + ALT + S
- Abre el cuadro de diálogo Configuración
CTRL + MAYÚS + A
- Buscar Acción - encuentra cualquier acción dentro de PhpStorm
CTRL + ALT + L
- Reformatear código
CTRL + W
- Seleccionar bloques de código: seleccione rápidamente cualquier bloque de código sin utilizar el ratón.
CTRL + MAYÚS + W
- Reducir la selección actual al estado anterior
CTRL + D
- Duplicar la línea actual o el bloque seleccionado
CTRL + Y
- Borrar línea donde se encuentre el signo de intercalación
ALT (mantener pulsado) + CLIC
- Cursor múltiple
CTRL + MAYÚS + ARRIBA
- Mueve la línea
CTRL + MAYÚS + ABAJO
- Desplaza la línea hacia abajo
SHIFT + ENTER
- Iniciar una nueva línea siguiente en cualquier punto del proyecto
CTRL + Q
- Búsqueda rápida de documentación
CTRL + RATÓN SOBRE
- Código Breve información
CTRL + DEL
- Borrará la palabra DESPUÉS del cursor
CTRL + RETROCESO
- Borrará la palabra ANTES del cursor
CTRL + NUMPAD
- Ampliar bloque de código
CTRL + NUMPAD-
- Colapsar bloque de código
CTRL + /
- Línea para comentar/descomentar
CTRL + MAYÚS + /
- Bloque de comentarios/descomentarios
MAYÚS + F6
- Renombrar la variable (refactor/rename)
CTRL + TAB
- Cambiar entre pestañas y ventana de herramientas
CTRL + ESPACIO
- Completado de código básico
ALT + ENTER
- Mostrar acciones de intención y archivos rápidos
CTRL + P
- Información de parámetros (dentro de los argumentos de la llamada al método/function). Sitúe el cursor en cualquier lugar de la llamada al método o function deseado y pulse Ctrl+P para obtener más información.
ALT + INSERTAR/F12
- Generar código... (Getters, Setters, Constructors)
CTRL + O
- Anular métodos
CTRL + I
- Aplicar métodos
ALT + F2
- Abrir la página en el navegador
CTRL + ALT + T
- Rodea con... (if..else, try..catch, for, etc.)
CTRL + ALT + I
- Auto-indentar línea(s)
CTR + MAYÚS + U
- Cambia el texto - lowercase o MAYÚSCULAS
CTRL + ALT + J
- Rodea con una plantilla en vivo o EMMET
CTRL + ] / [
- Desplazarse al final/inicio del bloque de código
CTRL + MAYÚS + ] / [
- Seleccionar hasta fin/inicio de bloque de código
CTRL + F4
- Cerrar la pestaña activa del editor
CTRL + MAYÚS + V
- Pegar de la historia
ALT + #[0-9]
- Abrir la ventana de la herramienta correspondiente
ALT + 1
- Abre/cierra la barra de navegación/herramientas (normalmente a la izquierda).
CTRL + ALT + F11
- Activar el modo de pantalla completa
CTRL + MAYÚS + F12
- Alternar la maximización del editor
ALT + MAYÚSCULAS + F
- Añadir a favoritos
ALT + MAYÚSCULAS + I
- Inspeccionar fie actual con profie actual
CTRL + MAYÚS + J
- Unión de líneas inteligente (sólo HTML y JavaScript)
CTRL + ENTER
- División inteligente de líneas (sólo HTML y JavaScript)
CTRL + MAYÚS + INTRO
- Completar una declaración
CTRL + MAYÚS + I
- Ver (peek en ventana modal/popup) propiedades CSS/JS/PHP al hover de una clase en archivos HTML/JS/CSS/PHP. (muy útil para el desarrollo de WordPress 🙂.
NAVEGACIÓN:
CTRL + MAYÚS + A
- Buscar Acción - encuentra cualquier acción dentro de PhpStorm
CTRL + N
- Ir a clase
CTRL + ALT + MAYÚS + J
- Seleccionar todas las apariciones de la palabra/símbolo actual en modo de intercalación múltiple
ALT + J
- Seleccionar todas las apariciones de una palabra/símbolo concreto (actual) eligiéndolas una a una (una tras otra).
CTRL + MAYÚS + N
- Ir al archivo
CTRL + G
- Ir a la línea
CTRL + MAYÚS + RETROCESO
- Navegar a la última ubicación editada en el proyecto
ALT + IZQUIERDA
- Ficha anterior
ALT + DERECHA
- Siguiente pestaña
CTRL + ALT + MAYÚS + N
- Ir al símbolo
ESC
- Ir al editor (desde la ventana de herramientas)
CTRL + E
- Ventana emergente de archivos recientes
CTRL + ALT + IZQUIERDA/DERECHA
- Navegar hacia atrás/adelante
ALT + F1
- Seleccionar la imagen o el símbolo actual en cualquier vista
CTRL + ALT + B
- Ir a la(s) aplicación(es)
CTRL + MAYÚS + I
- Búsqueda rápida de definiciones. Muestra las propiedades relacionadas del id/clase HTML desde CSS o para un function - muestra en una ventana emergente.
CTRL + MAYÚS + B
- Ir a la declaración de tipo
CTRL + U
- Ir a supermétodo/superclase
ALT + ARRIBA/ABAJO
- Ir al método anterior/siguiente
F2 / SHIFT + F2
- Error destacado anterior/siguiente
F4 / CTRL + ENTER
- Editar fuente / Ver fuente
CTRL + B O CTRL + CLIC
- Ir a la declaración. Puedes saltar instantáneamente a la definición de function o método o a una declaración de variable, clase, componente o estilo CSS: sólo tienes que hacer Ctrl-clic sobre ella, o situar el cursor sobre ella y pulsar CTRL + B. Este atajo también puede ayudarte a saltar al archivo referenciado o al módulo importado.
FN + BOTÓN FIN
- Va al final de la página
BUSCAR Y REEMPLAZAR:
DOBLE SHIFT (SHIFT+SHIFT)
- Buscar en todas partes - incluidos los archivos de todo el proyecto
NOTAno busca contenido real de texto sin formato / string. Para ello: utilice la norma "Edición | Buscar | Buscar en ruta..."(para buscar en varios archivos) o CTRL + MAYÚS + F
CTRL + F
- Encuentre
CTRL + R
- Buscar y reemplazar
F3
- Buscar siguiente/anterior
SHIFT + F3
- Buscar anteriores
CTRL + MAYÚS + F
- Buscar en la ruta
CTRL + MAYÚS + R
- Buscar y reemplazar en la ruta
ALT + F7
- Buscar usos
CTRL + F7
- Buscar usos en el archivo
CTRL + MAYÚS + F7
- Resaltar los usos en el archivo
CTRL + ALT + F7
- Mostrar usos
HISTORIA LOCAL (VCS):
ALT + MAYÚSCULAS + C
- Ver cambios recientes
ALT + COMILLAS (`)
- Ventana emergente rápida "VCS
CTRL + K
- Comprometer el proyecto con el VCS
CTRL + T
- Actualizar proyecto desde VCS
CORRER:
SHIFT + F10
- Ejecutar
CTRL + MAYÚS + F10
- Ejecutar la configuración contextual desde el editor
CTRL + MAYÚS + X
- Ejecutar línea de comandos
DEBUGGING:
MAYÚS + F9
- Depurar
F8
- Paso
F7
- Entra en
MAYÚS + F8
- Salir
ALT + F8
- Evaluar expresión
F9
- Programa de curriculum vitae
CTRL + F8
- Conmutar punto de interrupción
CTRL + MAYÚS + F8
- Ver puntos de interrupción
PLANTILLAS EN VIVO:
CTRL + J
- Insertar Live Template en un proyecto
eco
- declaración 'echo' + puede rellenar el echo
para
- foreach(iterable_expr as $value) {...}
forek
- foreach(iterable_expr as $key => $value) {...}
inc/inco
- Declaración 'include'/'include_once
prif
- privado function
pubf
- público function
prof
- protegido function
rqr/rqro
- sentencia 'require'/'require_once
y muchos más...
OTROS CONSEJOS Y TRUCOS:
- > ENLACE < a la documentación oficial de PhpStorm en .pdf
- Para cambiar los accesos directos predeterminados/hotkeys ir a: CTRL + ALT + S (Configuración) -> Mapa de teclas
Código -> Inspeccionar código
- Comprobación de errores/archivos redundantes y uso(s)
También puede acceder al Resultados de la inspección seleccionando Ver | Ventanas de herramientas | Resultados de inspección.
NOTA: Sólo estará disponible después de ejecutar Código | Inspeccionar Código
Para cada problema, puede ver la solución rápida sugerida pulsando Alt+Enter. También puede saltar a la línea correspondiente en el editor pulsando F4 o haciendo doble clic en el problema en la ventana de herramientas.
Editor > General > Teclas inteligentes:
- Rodea la selección al escribir comillas o llaves. Seleccione un texto y pulsando ' se convertirá en 'texto': http://stackoverflow.com/questions/31406616/how-to-wrap-selection-in-quotes-using-phpstorm
CTRL + MAYÚS + D
- Celo: https://zealdocs.org/ - documentación offline - se integra muy bien con PHP Storm: puede instalar documentación + APIs de muchos lenguajes como: WordPress, HTML, CSS, jQuery, JavaScript, Emmet, PHP, etc.
Comparar cualquier fuente de texto
-
Pulse Ctrl+Mayús+A y empieza a escribir para localizar el Abrir ventana diff en blanco acción.
-
Pega el texto que quieras comparar en los paneles izquierdo y derecho.
Marcadores
Si necesita crear un marcador, puede hacerlo fácilmente haciendo clic en la línea de código en cuestión y seleccionando Establecer marcador (o pulse F11);
Más tarde puede pulsar SHIFT + F11 para ver los marcadores:
Cómo rodear la selección con paréntesis / llaves / corchetes:
Resalte un texto y pulse MAYÚS + ( y la selección irá entre corchetes / llaves / paréntesis.
Lo mismo ocurre con:
SHIFT + {
SHIFT + [
Puedo compartir los plugins que utilizo.
Creo que la info será útil para los aficionados a PhpStorm 🙂 .
Aquí están:
- CodeGlance: Incrusta un minimapa de código similar al que se encuentra en Sublime en el panel del editor.
P.D. Para alternar (abrir/cerrar) el mapa, debe pulsar CTRL + MAYÚS + G
- RegexpTester - Comprobador de expresiones regulares para PhpStorm como https://regex101.com/
- Edición en directo - Muestra instantáneamente los cambios realizados en el código durante una sesión de depuración.
Por defecto, la funcionalidad Live Edit function está activada sólo para archivos HTML y CSS. Para activarlo para JavaScript, Node.js y otros tipos de archivos, vaya a Configuración/Preferencias | Construcción, ejecución, despliegue | Depurador | Edición en vivo.
Para empezar a utilizar Live Edit, abra el archivo HTML con el que está trabajando y seleccione Depurar en su menú contextual. Esto iniciará el depurador JavaScript en WebStorm y abrirá su archivo en el navegador. A medida que edites el código, verás reflejados en el navegador los cambios que realices.
Para añadir WordPress a tu proyecto PHPStorm puedes ver la documentación aquí:
También puedes acelerar el desarrollo de tu WordPress instalando y utilizando WP-CLI en su máquina;
Lea aquí cómo instalar WP-CLI en Windows 10:
https://make.wordpress.org/cli/handbook/guides/installing/#installing-on-windows
Ver vídeo sobre cómo hacerlo (en ruso):
... y en inglés: