[Risolto] Scorciatoie per PhpStorm IDE

  

5
Argomento iniziale

Logo phpstorm

Potete per favore condividere alcune scorciatoie utili e facili da usare (modelli live e keymaps, forse anche qualche plugin) per Programma PHPStorm?

Grazie

3 risposte
4

GENERALE E DI EDITING:

CTRL + ALT + S

  • Apre la finestra di dialogo Impostazioni

CTRL + SHIFT + A

  • Trova azione - trova qualsiasi azione all'interno di PhpStorm

CTRL + ALT + L

  • Riformattare il codice

CTRL + W

  • Selezione di blocchi di codice: consente di selezionare rapidamente qualsiasi blocco di codice senza utilizzare il mouse.

CTRL + SHIFT + W

  • Ridurre la selezione corrente allo stato precedente

CTRL + D

  • Duplica la riga corrente o il blocco selezionato

CTRL + Y

  • Cancella la riga nel punto in cui si trova il cursore

ALT (tenendo premuto) + CLICK

  • Cursore multiplo

CTRL + SHIFT + SU

  • Sposta la linea

CTRL + SHIFT + GIÙ

  • Sposta la linea verso il basso

MAIUSC + INVIO

  • Iniziare una nuova riga successiva in qualsiasi punto del progetto

CTRL + Q

  • Ricerca rapida della documentazione

CTRL + MOUSE SU

  • Codice Informazioni sintetiche

CTRL + DEL

  • Cancella la parola DOPO il cursore

CTRL + BACKSPACE

  • Cancellare la parola PRIMA del cursore

CTRL + NUMPAD+

  • Espandere il blocco di codice

CTRL + NUMPAD-

  • Blocco del codice

CTRL + /

  • Linea di commento/non commento

CTRL + SHIFT + /

  • Blocco commenti/non commenti

MAIUSC + F6

  • Rinominare la variabile (refactor/rename)

CTRL + TAB

  • Passare da una scheda all'altra e dalla finestra degli strumenti

CTRL + SPAZIO

  • Completamento del codice di base

ALT + INVIO

  • Mostra le azioni intenzionali e i file rapidi

CTRL + P

  • Informazioni sui parametri (all'interno degli argomenti delle chiamate ai metodi/function). Posizionare il cursore in un punto qualsiasi della chiamata del metodo o della function desiderata e premere Ctrl+P per ottenere ulteriori informazioni.

ALT + INSERISCI/F12

  • Generare codice... (Getters, Setters, Costruttori)

CTRL + O

  • Sovrascrivere i metodi

CTRL + I

  • Implementare i metodi

ALT + F2

  • Aprire la pagina nel browser

CTRL + ALT + T

  • Circondare con... (if..else, try..catch, for, ecc.)

CTRL + ALT + I

  • Autoindentazione delle righe

CTR + SHIFT + U

  • Modifica il testo - lowercase o MAIUSCOLO

CTRL + ALT + J

  • Circonda con un modello vivo o con EMMET

CTRL + ] / [

  • Passare alla fine/inizio del blocco di codice

CTRL + SHIFT + ] / [

  • Selezionare fino a fine/inizio blocco codice

CTRL + F4

  • Chiudere la scheda attiva dell'editor

CTRL + SHIFT + V

  • Incolla dalla storia

ALT + #[0-9]

  • Aprire la finestra dello strumento corrispondente

ALT + 1

  • Apre/chiude la barra di navigazione/strumenti (solitamente a sinistra).

CTRL + ALT + F11

  • Alterna la modalità a schermo intero

CTRL + SHIFT + F12

  • Alterna la massimizzazione dell'editor

ALT + SHIFT + F

  • Aggiungi ai preferiti

ALT + SHIFT + I

  • Ispezionare l'attuale fie con l'attuale profie

CTRL + SHIFT + J

  • Giunzione di linea intelligente (solo HTML e JavaScript)

CTRL + INVIO

  • Divisione intelligente della linea (solo HTML e JavaScript)

CTRL + SHIFT + ENTER

  • Completare una dichiarazione

CTRL + SHIFT + I

  • Vedere (in una finestra modale/popup) le proprietà CSS/JS/PHP al passaggio di una classe nei file HTML/JS/CSS/PHP. (molto utile per lo sviluppo di WordPress 🙂

NAVIGAZIONE:

CTRL + SHIFT + A

  • Trova azione - trova qualsiasi azione all'interno di PhpStorm

CTRL + N

  • Andare a lezione

CTRL + ALT + SHIFT + J

  • Selezionare tutte le occorrenze della parola/simbolo corrente in modalità caret multiplo

ALT + J

  • Selezionare tutte le occorrenze di una particolare parola/simbolo (corrente) scegliendole una per una (una dopo l'altra)

CTRL + SHIFT + N

  • Vai al file

CTRL + G

  • Vai alla linea

CTRL + SHIFT + BACKSPACE

  • Navigare fino all'ultima posizione modificata nel progetto.

ALT + SINISTRA

  • Scheda precedente

ALT + DESTRA

  • Scheda successiva

CTRL + ALT + SHIFT + N

  • Vai al simbolo

CES

  • Andare all'editor (dalla finestra degli strumenti)

CTRL + E

  • Popup dei file recenti

CTRL + ALT + SINISTRA/DESTRA

  • Navigare avanti/indietro

ALT + F1

  • Selezionate il simbolo o la foto corrente in qualsiasi vista

CTRL + ALT + B

  • Vai alla/e implementazione/i

CTRL + SHIFT + I

  • Aprire la ricerca rapida delle definizioni. Mostra le proprietà correlate dell'id/classe HTML da CSS o per un function - mostra in una finestra pop-up.

CTRL + SHIFT + B

  • Vai alla dichiarazione del tipo

CTRL + U

  • Andare al supermetodo/superclasse

ALT + SU/GIÙ

  • Vai al metodo precedente/successivo

F2 / SHIFT + F2

  • Errore evidenziato successivo/precedente

F4 / CTRL + ENTER

  • Modifica sorgente / Visualizza sorgente

CTRL + B O CTRL + CLIC

  • Vai alla dichiarazione. È possibile passare immediatamente alla definizione di function o di metodo o alla dichiarazione di una variabile, di una classe, di un componente o di uno stile CSS: basta fare clic con il tasto Ctrl su di essa, oppure posizionare il puntatore su di essa e premere CTRL + B. Questa scorciatoia può anche aiutare a passare al file di riferimento o al modulo importato.

FN + TASTO FINE

  • Va in fondo alla pagina

RICERCA E SOSTITUZIONE:

DOPPIO SHIFT (SHIFT+SHIFT)

  • Cerca ovunque - includere i file nell'intero progetto

NOTA: non cerca testo normale effettivo / contenuto string. Per questo: utilizzare lo standard "Modifica | Trova | Trova nel percorso..." (per cercare tra i file) o CTRL + SHIFT + F


CTRL + F

  • Trova

CTRL + R

  • Trova e sostituisci

F3

  • Trova il prossimo/precedente

MAIUSC + F3

  • Trova i precedenti

CTRL + SHIFT + F

  • Trova nel percorso

CTRL + SHIFT + R

  • Trova e sostituisci nel percorso

ALT + F7

  • Trova gli usi

CTRL + F7

  • Trova gli usi nel file

CTRL + SHIFT + F7

  • Evidenzia gli usi nel file

CTRL + ALT + F7

  • Mostra gli usi

STORIA LOCALE (VCS):

ALT + SHIFT + C

  • Visualizza le modifiche recenti

ALT + BACKQUOTE (`)

  • Popup rapido 'VCS

CTRL + K

  • Impegnare il progetto nel VCS

CTRL + T

  • Aggiornare il progetto dal VCS

CORSA:

MAIUSC + F10

  • Correre

CTRL + SHIFT + F10

  • Eseguire la configurazione del contesto dall'editor

CTRL + SHIFT + X

  • Eseguire la riga di comando

DEBUGGING:

MAIUSC + F9

  • Debug

F8

  • Passare oltre

F7

  • Entrare in

MAIUSC + F8

  • Esci

ALT + F8

  • Valutare l'espressione

F9

  • Programma del curriculum

CTRL + F8

  • Attiva il punto di interruzione

CTRL + SHIFT + F8

  • Visualizza i punti di interruzione

MODELLI DAL VIVO:

CTRL + J

  • Inserire un modello live in un progetto

eco

  • 'echo' + si può riempire l'istruzione echo

fore

  • foreach(iterable_expr as $value) {...}

forek

  • foreach(iterable_expr as $key => $value) {...}

inc/inco

  • dichiarazione 'include'/'include_once

prif

  • privato function

pubf

  • pubblico function

prof

  • protetto function

rqr/rqro

  • dichiarazione 'require'/'require_once

e molti altri...


ALTRI SUGGERIMENTI E TRUCCHI:

  • > LINK < alla documentazione ufficiale di PhpStorm in formato .pdf

  • Per modificare le scorciatoie predefinite/le hotkey andare su: CTRL + ALT + S (Impostazioni) -> Mappa dei tasti

Codice -> Ispeziona codice

  • Verificare la presenza di errori/file arretrati e di utilizzi.

È inoltre possibile accedere alla sezione Risultati dell'ispezione selezionando la finestra dello strumento Visualizza | Finestre degli strumenti | Risultati dell'ispezione.

NOTA: Sarà disponibile SOLO dopo l'esecuzione di Codice | Ispezione del codice

scheda codice di ispezione phpstorm

Per ogni problema, è possibile visualizzare la soluzione rapida suggerita premendo Alt+Invio. È inoltre possibile passare alla riga corrispondente nell'editor premendo F4 o facendo doppio clic sul problema nella finestra degli strumenti.


Editor > Generale > Tasti intelligenti:


CTRL + SHIFT + D

  • Zelo: https://zealdocs.org/ - documentazione offline - si integra perfettamente con PHP Storm: può installare la documentazione + le API di molti linguaggi come: WordPress, HTML, CSS, jQuery, JavaScript, Emmet, PHP, ecc.

Confrontare qualsiasi fonte testuale

  • Stampa Ctrl+Maiuscolo+A e iniziare a digitare per individuare il file Aprire la finestra Diff vuota azione.
  • Incollare il testo che si desidera confrontare nei pannelli di sinistra e di destra.

Segnalibri

Se è necessario creare un segnalibro, lo si può fare facilmente facendo clic sulla riga di codice in questione e scegliendo Imposta segnalibro (o premere F11);

In seguito è possibile premere MAIUSC + F11 per visualizzare i segnalibri:

impostare il segnalibro su phpstorm

Come circondare la selezione con parentesi / parentesi graffe / staffe:

Evidenziare un testo e premere MAIUSC + ( e la selezione sarà tra parentesi / parentesi / parentesi.

Lo stesso vale per:

MAIUSC + {
MAIUSC + [

3

Posso condividere i plugin che uso!

Credo che le informazioni saranno utili per gli appassionati di PhpStorm 🙂

Eccoli:

  • Codice: Inserisce nel riquadro dell'editor una minimappa del codice simile a quella presente in Sublime.

plugin codeglance phpstorm

P.S. Per attivare (aprire/chiudere) la mappa, è necessario premere CTRL + SHIFT + G


regexester plugin per phpstorm ide


  • Modifica dal vivo - Mostra istantaneamente le modifiche apportate al codice durante una sessione di debug.

Per impostazione predefinita, la funzionalità Live Edit function è abilitata solo per i file HTML e CSS. Per attivarla per JavaScript, Node.js e altri tipi di file, andare su Impostazioni/Preferenze | Creazione, esecuzione, distribuzione | Debugger | Modifica in tempo reale.

Per iniziare a usare Live Edit, aprire il file HTML con cui si sta lavorando e selezionare Debug nel menu contestuale. In questo modo si avvierà il debugger JavaScript in WebStorm e si aprirà il file nel browser. Man mano che si modifica il codice, le modifiche apportate si riflettono nel browser.

plugin liveedit per phstorm

2

Per aggiungere WordPress al progetto PHPStorm, potete consultare la documentazione qui:

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

È inoltre possibile accelerare lo sviluppo dell'WordPress installando e usando WP-CLI sulla macchina;

Leggete qui come installare WP-CLI su Windows 10:

https://make.wordpress.org/cli/handbook/guides/installing/#installing-on-windows

Vedere il video su come farlo (in lingua russa):

... e in inglese:

Condividi: