[Resuelto] Atajos para PhpStorm IDE

  

5
Inicio del tema

Logotipo phpstorm

¿Puede compartir algunos atajos útiles y fáciles de usar (plantillas en vivo y keymaps, tal vez incluso algunos plugins) para Programa PHPStorm?

Gracias

3 respuestas
4

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

ficha código inspector phpstorm

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:


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:

poner marcador en phpstorm

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 + [

3

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.

plugin codeglance phpstorm

P.D. Para alternar (abrir/cerrar) el mapa, debe pulsar CTRL + MAYÚS + G


regextester plugin para phpstorm ide


  • 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.

plugin liveedit para phstorm

2

Para añadir WordPress a tu proyecto PHPStorm puedes ver la documentación aquí:

https://www.jetbrains.com/help/phpstorm/preparing-to-use-wordpress.html#activating-the-wordpress-install

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:

Compartir: