[Résolu] Raccourcis pour l'IDE PhpStorm

  

5
Début du sujet

phpstorm logo

Pouvez-vous partager quelques raccourcis utiles et faciles à utiliser (modèles vivants et keymaps, peut-être même quelques plugins) pour Programme PHPStorm?

Remerciements

3 Réponses
4

GÉNÉRAL ET RÉDACTIONNEL :

CTRL + ALT + S

  • Ouvre la boîte de dialogue Paramètres

CTRL + SHIFT + A

  • Find Action - recherche d'une action à l'intérieur de PhpStorm

CTRL + ALT + L

  • Reformater le code

CTRL + W

  • Sélectionner des blocs de code - sélectionner rapidement n'importe quel bloc de code sans utiliser la souris

CTRL + SHIFT + W

  • Ramener la sélection actuelle à l'état précédent

CTRL + D

  • Dupliquer la ligne actuelle ou le bloc sélectionné

CTRL + Y

  • Supprimer la ligne à l'endroit où se trouve le caret

ALT (maintien) + CLICK

  • Curseur multiple

CTRL + SHIFT + UP

  • Déplace la ligne vers le haut

CTRL + SHIFT + BAS

  • Déplace la ligne vers le bas

MAJ + ENTRÉE

  • Commencer une nouvelle ligne suivante où que vous soyez dans le projet

CTRL + Q

  • Recherche rapide de documentation

CTRL + SOURIS SUR

  • Code en bref

CTRL + DEL

  • Efface le mot qui se trouve APRÈS le curseur

CTRL + ESPACEMENT ARRIÈRE

  • Efface le mot situé AVANT le curseur.

CTRL + NUMPAD

  • Développer le bloc de code

CTRL + NUMPAD-

  • Réduire le bloc de code

CTRL + /

  • Ligne de commentaire/décommentaire

CTRL + SHIFT + /

  • Bloc de commentaires/décommentaires

MAJ + F6

  • Renommer la variable (refactor/rename)

CTRL + TAB

  • Passer d'un onglet à l'autre et d'une fenêtre d'outils à l'autre

CTRL + ESPACE

  • Complétion de code de base

ALT + ENTER

  • Afficher les actions d'intention et les dossiers rapides

CTRL + P

  • Informations sur les paramètres (dans les arguments des appels de méthodes/function). Placez le curseur n'importe où dans l'appel de la méthode ou du function souhaité et appuyez sur Ctrl+P pour obtenir plus d'informations.

ALT + INSERT/F12

  • Générer du code... (Getters, Setters, Constructors)

CTRL + O

  • Remplacer les méthodes

CTRL + I

  • Mettre en œuvre des méthodes

ALT + F2

  • Ouvrir la page dans le navigateur

CTRL + ALT + T

  • Entourer de... (si..autre, essayer..attraper, pour, etc.)

CTRL + ALT + I

  • Mise en retrait automatique de ligne(s)

CTR + SHIFT + U

  • Modifie le texte - lowercase ou UPPERCASE

CTRL + ALT + J

  • Entoure d'un modèle vivant ou d'EMMET

CTRL + ] / [

  • Déplacement vers la fin/le début du bloc de code

CTRL + SHIFT + ] / [

  • Sélectionner jusqu'à la fin/le début du bloc de code

CTRL + F4

  • Fermer l'onglet actif de l'éditeur

CTRL + SHIFT + V

  • Coller de l'historique

ALT + #[0-9]

  • Ouvrir la fenêtre de l'outil correspondant

ALT + 1

  • Ouvre/ferme la barre de navigation/outils (généralement à gauche)

CTRL + ALT + F11

  • Basculer en mode plein écran

CTRL + SHIFT + F12

  • Changement de l'éditeur de maximisation

ALT + SHIFT + F

  • Ajouter aux favoris

ALT + SHIFT + I

  • Inspecter la fie actuelle avec la profie actuelle

CTRL + SHIFT + J

  • Jonction de ligne intelligente (HTML et JavaScript uniquement)

CTRL + ENTER

  • Séparation intelligente des lignes (HTML et JavaScript uniquement)

CTRL + SHIFT + ENTER

  • Compléter une déclaration

CTRL + SHIFT + I

  • Voir (dans une fenêtre modale/popup) les propriétés CSS/JS/PHP au survol d'une classe dans les fichiers HTML/JS/CSS/PHP. (très utile pour le développement de WordPress 🙂 )

NAVIGATION :

CTRL + SHIFT + A

  • Find Action - recherche d'une action à l'intérieur de PhpStorm

CTRL + N

  • Aller en classe

CTRL + ALT + SHIFT + J

  • Sélectionner toutes les occurrences du mot/symbole courant en mode "caret" multiple

ALT + J

  • Sélectionner toutes les occurrences d'un mot/symbole particulier (courant) en les choisissant une à une (l'une après l'autre)

CTRL + SHIFT + N

  • Aller au dossier

CTRL + G

  • Aller à la ligne

CTRL + SHIFT + RETOUR ARRIÈRE

  • Naviguer vers le dernier emplacement modifié dans le projet

ALT + GAUCHE

  • Onglet précédent

ALT + DROITE

  • Onglet suivant

CTRL + ALT + SHIFT + N

  • Aller au symbole

CES

  • Aller dans l'éditeur (à partir de la fenêtre d'outils)

CTRL + E

  • Fichiers récents

CTRL + ALT + GAUCHE/DROITE

  • Naviguer en arrière/en avant

ALT + F1

  • Sélectionner le fichier ou le symbole en cours dans n'importe quelle vue

CTRL + ALT + B

  • Aller à la (aux) mise(s) en œuvre

CTRL + SHIFT + I

  • Recherche rapide d'une définition. Affiche les propriétés connexes de l'id/classe HTML à partir de CSS ou pour un function - s'affiche dans une fenêtre contextuelle.

CTRL + SHIFT + B

  • Aller à la déclaration de type

CTRL + U

  • Aller à super-méthode/super-classe

ALT + UP/DOWN

  • Aller à la méthode précédente/suivante

F2 / SHIFT + F2

  • Erreur suivante/précédente mise en évidence

F4 / CTRL + ENTRÉE

  • Modifier la source / Voir la source

CTRL + B OU CTRL + CLIC

  • Aller à la déclaration. Vous pouvez accéder instantanément à la définition d'une méthode ou d'une variable, d'une classe, d'un composant ou d'une déclaration de style CSS : il vous suffit de faire un Ctrl-clic dessus ou de placer le curseur dessus et d'appuyer sur CTRL + B. Ce raccourci peut également vous aider à accéder au fichier référencé ou au module importé.

FN + BOUTON DE FIN

  • Va au bas de la page

RECHERCHE ET REMPLACEMENT :

DOUBLE SHIFT (SHIFT+SHIFT)

  • Chercher partout - y compris les fichiers dans l'ensemble du projet

NOTE: il ne recherche pas les contenu réel en texte clair / string. Pour cela, utilisez la norme "Édition | Rechercher | Rechercher dans le chemin..."(pour effectuer une recherche dans plusieurs fichiers) ou CTRL + SHIFT + F


CTRL + F

  • Trouver

CTRL + R

  • Rechercher et remplacer

F3

  • Trouver le suivant/précédent

MAJ + F3

  • Trouver l'antériorité

CTRL + SHIFT + F

  • Trouver dans le chemin

CTRL + SHIFT + R

  • Rechercher et remplacer dans le chemin

ALT + F7

  • Trouver des usages

CTRL + F7

  • Recherche d'usages dans le fichier

CTRL + SHIFT + F7

  • Mettre en évidence les utilisations dans le fichier

CTRL + ALT + F7

  • Montrer les usages

HISTOIRE LOCALE (VCS) :

ALT + SHIFT + C

  • Voir les changements récents

ALT + APOSTROPHE (`)

  • Fenêtre contextuelle 'VCS

CTRL + K

  • Engager le projet dans le VCS

CTRL + T

  • Mise à jour du projet à partir de VCS

COURSE :

MAJ + F10

  • Exécuter

CTRL + SHIFT + F10

  • Exécuter la configuration contextuelle à partir de l'éditeur

CTRL + SHIFT + X

  • Exécuter la ligne de commande

DEBUGGING :

MAJ + F9

  • Débogage

F8

  • Passer à l'étape suivante

F7

  • Entrez dans

MAJ + F8

  • Sortir

ALT + F8

  • Évaluer l'expression

F9

  • Programme de curriculum vitae

CTRL + F8

  • Basculer le point d'arrêt

CTRL + SHIFT + F8

  • Visualiser les points d'arrêt

DES MODÈLES EN DIRECT :

CTRL + J

  • Insérer un Live Template dans un projet

éco

  • l'instruction 'echo' + vous pouvez remplir l'instruction echo

avant

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

forek

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

inc/inco

  • Déclaration 'include'/'include_once

prif

  • privé function

pubf

  • public function

prof

  • protégé function

rqr/rqro

  • Déclaration 'require'/'require_once

et bien d'autres encore...


AUTRES TRUCS ET ASTUCES :

  • > LINK < à la documentation officielle PhpStorm .pdf

  • Pour modifier les raccourcis/hotkeys par défaut, rendez-vous à l'adresse suivante : CTRL + ALT + S (Paramètres) -> Keymap

Code -> Inspecter le code

  • Vérifier la présence d'erreurs/de fichiers redondants et d'utilisation(s)

Vous pouvez également accéder au Résultats de l'inspection en sélectionnant Vue | Fenêtres d'outils | Résultats d'inspection.

NOTE: Il sera disponible UNIQUEMENT après avoir exécuté Code | Inspecter le code

code d'inspection onglet phpstorm

Pour chaque problème, vous pouvez voir la solution rapide suggérée en appuyant sur Alt+Enter. Vous pouvez également passer à la ligne correspondante dans l'éditeur en appuyant sur F4 ou en double-cliquant sur le problème dans la fenêtre d'outils.


Éditeur > Général > Clés intelligentes:


CTRL + SHIFT + D

  • Zèle : https://zealdocs.org/ - documentation hors ligne - s'intègre parfaitement à PHP Storm : possibilité d'installer la documentation + les API de nombreux langages tels que : WordPress, HTML, CSS, jQuery, JavaScript, Emmet, PHP, etc.

Comparer toutes les sources de textes

  • Presse Ctrl+Shift+A et commencez à taper pour trouver le Ouvrir une fenêtre de diffusion vierge action.
  • Collez le texte que vous souhaitez comparer dans les panneaux de gauche et de droite.

Signets

Si vous devez créer un signet, vous pouvez facilement le faire en cliquant sur la ligne de code concernée et en choisissant Définir un signet (ou appuyez sur F11);

Par la suite, vous pouvez appuyer sur MAJ + F11 pour afficher le(s) signet(s) :

mettre un signet sur phpstorm

Comment entourer la sélection avec des parenthèses / accolades / crochets:

Mettez un texte en surbrillance et appuyez sur MAJ + ( et la sélection sera entre crochets / parenthèses.

Il en va de même pour:

MAJ + {
MAJ + [

3

Je peux partager les plugins que j'utilise !

Je pense que les informations seront utiles pour les fans de PhpStorm 🙂 .

Les voici :

  • CodeGlance: Incorpore une mini-carte de code similaire à celle de Sublime dans le panneau de l'éditeur.

codeglance phpstorm plugin

P.S. Pour basculer (ouvrir/fermer) la carte, vous devez appuyer sur CTRL + SHIFT + G


regextester plugin pour phpstorm ide


  • Édition en direct - Affiche instantanément les modifications apportées à votre code au cours d'une session de débogage.

Par défaut, la fonctionnalité Live Edit functionality est activée pour les fichiers HTML et CSS uniquement. Pour l'activer pour JavaScript, Node.js et d'autres types de fichiers, allez à Settings/Preferences | Build, Execution, Deployment | Debugger | Live Edit.

Pour commencer à utiliser Live Edit, ouvrez le fichier HTML sur lequel vous travaillez et sélectionnez Débogage dans son menu contextuel. Cela lancera le débogueur JavaScript dans WebStorm et ouvrira votre fichier dans le navigateur. Au fur et à mesure que vous modifiez le code, vous verrez les changements apportés se refléter dans le navigateur.

plugin liveedit pour phstorm

2

Ajouter WordPress à votre projet PHPStorm, vous pouvez consulter la documentation ici :

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

Vous pouvez également accélérer votre développement WordPress en installant et en utilisant WP-CLI sur votre machine ;

Lisez ici comment installer WP-CLI sur Windows 10 :

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

Voir la vidéo pour savoir comment faire (en russe) :

... et en anglais :

Partager :