15 raccourcis clavier VS Code utiles pour augmenter la productivité


  • FrançaisFrançais


  • Il ne fait aucun doute que VS Code de Microsoft est l’un des meilleurs éditeurs de code open source. Contrairement au légendaire Vim, VS Code n’a pas besoin que vous soyez un ninja du clavier et possède des tonnes de fonctionnalités que les développeurs ne jurent que par.

    Mais cela ne signifie pas que vous ne pouvez pas ou que vous ne devez pas utiliser de raccourcis clavier dans Visual Studio Code.

    Vous détestez casser votre flux de codage et déplacer votre main vers une souris pour effectuer une action comme basculer le terminal dans votre éditeur Visual Studio Code (VS Code) ? Si oui, vous devez immédiatement vous familiariser et mémoriser ces raccourcis clavier utiles pour VS Code.

    Cela vous aidera non seulement à vous débarrasser d’une souris, mais vous rendra également très productif et efficace.

    Voyons donc comment coder rapidement en naviguant rapidement dans l’éditeur de code à l’aide de raccourcis clavier.

    Raccourcis clavier utiles du code VS

    Juste un avertissement. Ces raccourcis clavier sont ce que je trouve le plus utile lorsque je travaille dans VS Code. Vous pouvez en explorer plus en fonction de vos besoins.

    J’ai également mentionné les raccourcis clavier pour les utilisateurs de macOS.

    1. Afficher toutes les commandes

    Windows/Linux macOS
    CTRL + MAJ + P ou F1 MAJ + ⌘ + P ou F1

    En commençant par le raccourci le plus utile, il ouvre la palette de commandes qui donne accès à toutes les fonctionnalités de VS Code.

    Palette de commandes
    Palette de commandes

    C’est un raccourci de code VS très important car même si vous oubliez ou ne voulez pas vous souvenir d’un raccourci à l’exception de celui-ci, vous pouvez toujours effectuer diverses opérations à l’aide de la palette de commandes, comme créer un nouveau fichier, ouvrir les paramètres, changer de thème et tout afficher raccourcis clavier aussi.

    2. Fractionner l’éditeur de code VS verticalement ou horizontalement

    Windows/Linux macOS
    CTRL + +

    Si vous ne disposez pas d’une configuration multi-écrans pour une productivité élevée, vous pouvez toujours afficher les codes de plusieurs fichiers à la fois en divisant l’éditeur horizontalement ou verticalement.

    Diviser le code VS
    Diviser le code VS

    Pour changer le focus dans le groupe d’éditeurs, vous pouvez utiliser les touches numériques ou fléchées.

    Windows/Linux macOS
    CTRL + 1/2/3 + 1/2/3
    CTRL + K CTRL + /→ + K ⌘ + ←/→

    3. Basculer le terminal intégré

    Windows/Linux macOS
    CTRL + ` + `

    Le terminal intégré dans VS Code est une fonctionnalité très pratique qui vous permet d’exécuter la tâche rapidement sans changer de fenêtre. Pour masquer/afficher le terminal dans l’éditeur, ce raccourci clavier est très pratique.

    Terminal intégré
    Terminal intégré

    Cependant, comme moi, si vous trouvez qu’appuyer sur “CTRL + ‘” est difficile à utiliser en raison de son emplacement de coin étrange, vous pouvez toujours ouvrir la palette de commandes et exécuter View: Toggle Terminal commander.

    Basculer le terminal à l'aide de la palette de commandes
    Basculer le terminal à l’aide de la palette de commandes

    4. Aller au fichier

    Windows/Linux macOS
    CTRL + P + P

    Au fur et à mesure que le projet grandit, la recherche d’un fichier peut devenir une tâche très difficile. Par conséquent, je suggérerais même que vous utilisiez une souris, cette commande peut vous faire gagner beaucoup de temps dans la recherche et la navigation vers un fichier dans un référentiel.

    Aller au fichier
    Aller au fichier

    5. Aller à la ligne

    Windows/Linux macOS
    CTRL + G ^ + G

    Une fois que vous avez recherché un fichier, vous pouvez maintenant accéder à une ligne spécifique pour ajouter ou modifier du code. Si un fichier contient des milliers de lignes de code, le défilement peut certainement vous faire perdre du temps. Par conséquent, CTRL+G ou ^+G VS Code Keyboard Shortcut peut vous amener rapidement à la ligne de votre choix.

    Aller à la ligne
    Aller à la ligne

    Alternativement, vous pouvez également utiliser le quatrième raccourci pour “Aller au fichier”, où l’ajout : deux-points avec le numéro de ligne dans la zone de saisie fonctionnent comme « Aller à la ligne ».

    6. Rechercher un projet complet

    Windows/Linux macOS
    CTRL + MAJ + F + MAJ + F

    Très probablement, vous souhaiterez peut-être également rechercher un texte, une variable ou une fonction dans l’ensemble de votre projet. Dans un tel cas, cette commande est très pratique et affiche l’entrée de recherche dans la barre latérale.

    Rechercher un projet
    Rechercher un projet

    Vous pouvez également ajouter des filtres à votre recherche en utilisant ALT+C pour faire correspondre la casse, ALT+W pour faire correspondre le mot entier et ALT+R pour utiliser une expression régulière.

    7. Mode Zen

    Windows/Linux macOS
    CTRL + KZ + KZ

    Vous voulez travailler dans un environnement sans distraction pour rester plus concentré ? Le mode Zen est une fonctionnalité d’un code VS qui masque toute l’interface utilisateur (barre d’état, barre d’activité, panneau et barre latérale) et n’affiche que l’éditeur en plein écran.

    Mode Zen
    Mode Zen

    Pour activer le mode Zen, vous pouvez soit utiliser le raccourci ci-dessus, soit ouvrir la palette de commandes et exécuter « Affichage : basculer le mode Zen ». Pour quitter le mode Zen, vous devez appuyer sur Esc bouton deux fois.

    8. Ajouter la sélection à la prochaine recherche de correspondance

    Windows/Linux macOS
    CTRL + D + D

    Cette commande vous permet de sélectionner les prochaines occurrences d’un texte sélectionné pour l’édition. C’est très pratique si le prochain match est situé loin du premier match.

    Prochaine recherche de correspondance
    Prochaine recherche de correspondance

    9. Basculer le commentaire de ligne

    Windows/Linux macOS
    CTRL + / + /

    La lutte pour atteindre le début d’une ligne, puis ajouter une double barre oblique à la ligne de commentaire peut être remplacée par ce raccourci clavier rapide.

    Commenter le code
    Commenter le code

    Même si vous souhaitez commenter plusieurs lignes, vous pouvez sélectionner toutes les lignes en utilisant SHIFT+UP/Down puis appuyez sur CTRL+/.

    10. Aller au début ou à la fin du fichier

    Windows/Linux macOS
    CTRL + ACCUEIL/FIN + ↑/↓

    Si vous vous perdez au milieu de vos codes, la commande peut vous aider à atteindre rapidement le début ou la fin du fichier.

    11. Pliage ou dépliage du code

    Windows/Linux macOS
    CTRL + MAJ + [ or ] + ⌘ + [ or ]

    C’est l’un des raccourcis les plus utiles qui peuvent vous aider à réduire/déplier une région de code. De cette façon, vous pouvez masquer le code inutile et afficher uniquement la section de code requise à la fois pour vous concentrer davantage et coder rapidement.

    Réduire une région de code
    Réduire une région de code

    12. Aperçu de la mise en œuvre

    Windows/Linux macOS
    CTRL + MAJ + F12 + MAJ + F12

    Le raccourci est le plus susceptible de vous aider dans votre analyse de code ou votre correction de bogues lorsque vous souhaitez comprendre le fonctionnement des fonctions et des variables.

    Aperçu de la mise en œuvre
    Aperçu de la mise en œuvre

    13. Supprimer la ligne actuelle

    Windows/Linux macOS
    CTRL + MAJ + K MAJ + ⌘ + K

    Une seule commande rapide peut résumer deux tâches consistant à sélectionner une ligne en cours et à appuyer sur le bouton supprimer/retour arrière.

    14. Rechercher et remplacer

    Windows/Linux macOS
    CTRL + F
    CTRL + H
    + F
    + ⌘ + F

    Quelle pourrait être la meilleure façon de remplacer toutes les occurrences d’un texte dans un fichier par une nouvelle ? Si vous optez pour un par un manuellement en faisant défiler le code vers le bas, pas étonnant combien de temps cela prendra si l’occurrence de texte est grande.

    Trouver et remplacer
    Trouver et remplacer

    Lorsque vous utilisez Rechercher et remplacer, effectuez la même tâche en quelques secondes. Vous pouvez l’ouvrir à l’aide de deux raccourcis où l’un ouvre la zone de saisie pour rechercher du texte et l’autre pour remplacer du texte.

    15. Raccourcis clavier VS Code

    Windows/Linux macOS
    CTRL + K CTRL + S + K ⌘ + S

    Enfin, si vous avez toujours du mal à vous souvenir de tous les raccourcis clavier ci-dessus, vous n’avez toujours pas à vous inquiéter. En effet, vous pouvez afficher toutes les commandes disponibles pour votre éditeur à l’aide du raccourci ci-dessus.

    Raccourcis clavier
    Raccourcis clavier

    Ici, vous pouvez également modifier le raccourci clavier pour la commande selon votre confort.

    Vous voulez plus de raccourcis clavier pour le code VS ?

    Si vous souhaitez avoir une connaissance complète des raccourcis clavier VS Code, vous pouvez consulter le Documentation du code Visual Studio.

    Ou, si vous voulez tous les raccourcis disponibles dans un seul morceau de papier, procurez-vous l’aide-mémoire pour Linux, macOS, et les fenêtres. Vous pouvez jeter un coup d’œil chaque fois que vous oubliez.

    Source

    La Rédaction

    L'équipe rédactionnnelle du site

    Pour contacter personnellement le taulier :

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Copy code