Search Everywhere : \u21e7\u21e7 \/ Maj+Maj<\/h2>\n
S’il n’y avait qu’un seul raccourci \u00e0 retenir de cet article, ce serait Search Everywhere<\/em>. Comme son nom l’indique, il vous permet de rechercher partout dans votre projet des fichiers, des actions, des classes ou des symboles, et d’afficher toutes les correspondances au m\u00eame endroit.<\/p>\n Cliquez sur l’onglet souhait\u00e9 ou appuyez sur \u21e5 \/ Tab<\/em> pour affiner la recherche. Vous pouvez \u00e9galement activer ou d\u00e9sactiver certaines des actions directement \u00e0 partir de la fen\u00eatre contextuelle, comme le montre le GIF.<\/p>\n WebStorm comprend de nombreuses actions d’intention pour vous aider \u00e0 appliquer rapidement des correctifs, \u00e0 g\u00e9n\u00e9rer du code et \u00e0 modifier les param\u00e8tres du projet. Lorsque vous voyez une ligne ondul\u00e9e dans votre code ou que WebStorm affiche une ampoule dans l’\u00e9diteur, vous pouvez placer le curseur sur le code concern\u00e9 ou cliquez sur l’ampoule et appuyer sur \u2325\u21b5 \/ Alt+Entr\u00e9e<\/em> pour obtenir une liste des actions disponibles dans le contexte actuel.<\/p>\n Que faire si vous ne voulez plus utiliser une action particuli\u00e8re ou voir un avertissement ? Placez le curseur sur votre code, appuyez sur \u2325\u21b5 \/ Alt+Entr\u00e9e, puis cliquez sur la fl\u00e8che \u00e0 c\u00f4t\u00e9 de l’inspection que vous ne voulez plus voir pour la d\u00e9sactiver. Elle sera d\u00e9sactiv\u00e9e pour l’ensemble du projet.<\/p>\n Consultez cette page<\/a> pour en savoir plus sur les inspections et ce qu’elles permettent de faire.<\/p>\n Tout comme les autres IDE de JetBrains, WebStorm est reconnu pour ses puissantes capacit\u00e9s de refactorisation. Pour acc\u00e9der rapidement \u00e0 la liste des refactorisations disponibles pour le code s\u00e9lectionn\u00e9, appuyez sur \u2303T \/ Ctrl+Alt+Maj+T<\/em>.<\/p>\n Avec WebStorm, vous pouvez instantan\u00e9ment passer \u00e0 la d\u00e9finition d’un symbole : il suffit d’appuyer sur \u2318<\/em> ou Ctrl<\/em> et de cliquer sur le symbole concern\u00e9 ou de placer le curseur dessus et d’appuyer sur \u2318B \/ Ctrl+B<\/em>. Ce raccourci peut \u00e9galement \u00eatre utilis\u00e9 pour \u00e0 acc\u00e9der rapidement \u00e0 un fichier r\u00e9f\u00e9renc\u00e9 ou \u00e0 un module import\u00e9.<\/p>\n Si WebStorm trouve plus d’une d\u00e9claration possible pour une fonction, il vous sera demand\u00e9 d’en s\u00e9lectionner une dans la liste d\u00e9roulante.<\/p>\n Lorsque vous commencez \u00e0 saisir dans WebStorm, une fen\u00eatre contextuelle de saisie semi-automatique du code appara\u00eet automatiquement. Le comportement naturel est d’appuyer sur \u21b5 \/ Entr\u00e9e<\/em> pour s\u00e9lectionner l’une des suggestions propos\u00e9es. Cependant, si vous devez remplacer une suggestion par une autre, appuyez sur\u21e5 \/ Tab<\/em> pour remplacer l’\u00e9l\u00e9ment actuel par l’\u00e9l\u00e9ment de recherche s\u00e9lectionn\u00e9.<\/p>\n L’action Extend Selection<\/em> permet d’\u00e9tendre rapidement la zone s\u00e9lectionn\u00e9e sans utiliser la souris. Pour la ramener \u00e0 sa taille initiale, utilisez \u2325\u2193 \/ <\/em>Maj+Ctrl+W<\/em>.<\/p>\n Le moyen le plus rapide d’ex\u00e9cuter l’une des configurations d’ex\u00e9cution de votre projet est d’appuyer sur \u2303\u2325R<\/em> sur macOS ou Alt<\/em>+Maj+F10<\/em> sur Windows\/Linux, puis de s\u00e9lectionner l’une des configurations dans la fen\u00eatre contextuelle.<\/p>\n Conseil : s\u00e9lectionnez la configuration d’ex\u00e9cution dans la liste, puis maintenez la touche \u21e7 \/ Maj<\/em> et appuyez sur \u21b5 \/ Entr\u00e9e<\/em> pour d\u00e9marrer le d\u00e9bogage au lieu de l’ex\u00e9cuter.<\/p>\n Les mod\u00e8les dynamiques permettent de gagner beaucoup de temps. Saisissez une abr\u00e9viation et appuyez sur \u21e5 \/ Tab<\/em> pour la d\u00e9velopper dans le code ! WebStorm prend \u00e9galement en charge les abr\u00e9viations Emmet<\/a> pour HTML et CSS, qui peuvent \u00eatre d\u00e9velopp\u00e9es dans le code avec \u21e5 \/ Tab<\/em> aussi.<\/p>\n Vous pouvez passer d’un placeholder pour une variable \u00e0 un autre dans le mod\u00e8le en appuyant sur \u21e5 \/ Tab<\/em> une fois de plus.<\/p>\n WebStorm fournit de nombreux mod\u00e8les dynamiques, y compris des mod\u00e8les postfix<\/a>. Vous pouvez m\u00eame ajouter vos propres mod\u00e8les personnalis\u00e9s. Pour en savoir plus sur le fonctionnement des mod\u00e8les dynamiques, consultez cet article de blog<\/a>.<\/p>\n La fonctionnalit\u00e9 tr\u00e8s populaire des carets multiples est \u00e9galement disponible dans WebStorm. Pour ajouter ou supprimer plusieurs carets, maintenez la touche \u2325 \/ Alt<\/em> enfonc\u00e9e et cliquez \u00e0 l’endroit o\u00f9 vous voulez que le prochain emplacement du caret se trouve afin de pouvoir modifier ces emplacements simultan\u00e9ment.<\/p>\n Pour en savoir plus sur le fonctionnement des carets multiples, consultez notre documentation<\/a>.<\/p>\n Les fichiers scratch vous permettent de cr\u00e9er rapidement des exemples de code ou de prendre des notes tout en travaillant dans l’IDE sans affecter vos fichiers de projet. Les fichiers scratch sont enregistr\u00e9s dans l’IDE et accessibles \u00e0 partir de tout projet.<\/p>\n Vous voulez en savoir plus sur ce que WebStorm a \u00e0 offrir ? Pour plus de raccourcis clavier, consultez Help | Keymap Reference <\/em>dans le menu principal de l’IDE ou notre site Web<\/a>.<\/p>\n Vous pouvez aussi aller dans Preferences \/ Settings | Keymap <\/em> ou simplement commencer \u00e0 saisir le nom d’une action dans la fen\u00eatre contextuelle Search Everywhere<\/em>.<\/p>\n Nous esp\u00e9rons que ces raccourcis vous feront gagner du temps. Et vous, quel est votre raccourci pr\u00e9f\u00e9r\u00e9 ? Faites-le nous savoir dans les commentaires !<\/p>\n![\"shift-shift-all\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/shift-shift-all.png\")
<\/p>\n![\"shift-shift-action\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/shift-shift-action.png\")
<\/p>\nShow Context Actions : \u2325\u21b5 \/ Alt+Entr\u00e9e<\/h2>\n
![\"intention-actions\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/intention-actions.png\")
<\/p>\n![\"intention-action-disable\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/intention-actions-disable.png\")
<\/p>\nRefactor This : \u2303T \/ Ctrl+Alt+Maj+T<\/h2>\n
![\"refactor-this-ws\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/refactor-this.png\")
<\/p>\nGo to Declaration : \u2318B ou \u2318+Clic \/ Ctrl+B or Ctrl+Clic<\/h2>\n
![\"navigate-to-declaration\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/go-to-declaration.png\")
<\/h3>\nCode completion with replace : \u21e5 \/ Tab<\/h2>\n
![\"code-completion-with-replace\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/code-completion-with-replace.png\")
<\/p>\nExtend Selection : \u2325\u2191 \/ Ctrl+W<\/h2>\n
![\"extend-selection\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/extend-selection.png\")
<\/p>\nRun : \u2303\u2325R \/ Alt+Maj+F10<\/h2>\n
![\"run-shortcut\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/run-shortcut.png\")
<\/p>\nExpand Live Template : \u21e5 \/ Tab<\/h2>\n
![\"expand-live-template\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/expand-live-template.png\")
<\/p>\n![\"jump-live-template\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/jump-live-template.png\")
<\/p>\nMultiple carets : \u2325+Clic \/ Alt+Clic<\/h2>\n
![\"multiple-cursors\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/multiple-cursors.png\")
<\/p>\nScratch File : \u21e7\u2318N \/ Ctrl+Alt+Maj+Insert<\/h2>\n
![\"new-scratch\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/new-scratch.png\")
<\/p>\nD\u00e9couvrir d’autres raccourcis<\/h2>\n
![\"keymap-reference\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/04\/keymap-reference.png\")
<\/p>\n