Comment sélectionner plusieurs lignes dans VS Code

Dans le monde trépidant du codage, chaque frappe compte. Pour les développeurs immergés dans Visual Studio Code (VS Code), la maîtrise de ses fonctionnalités peut améliorer considérablement la productivité. Une compétence fondamentale consiste à sélectionner rapidement plusieurs lignes, ce qui peut rationaliser les tâches de codage, de la refactorisation au formatage.

Dans cet article, nous explorerons les techniques et les raccourcis de VS Code, vous permettant de naviguer dans votre base de code avec finesse et rapidité. Que vous soyez un codeur chevronné ou un nouveau venu, ce guide est votre clé pour libérer tout le potentiel des capacités de sélection multi-lignes de VS Code.

Comment sélectionner plusieurs lignes dans VS Code

Si vous êtes un utilisateur typique de VS Code, vous devez souvent sélectionner plusieurs lignes pour résoudre un problème courant : un élément qui n'appartient pas à chaque ligne. La sélection de plusieurs lignes facilite la correction de toutes ces lignes à la fois.

Voici comment sélectionner plusieurs lignes dans ce programme sur votre PC Windows :

1. Utilisez votre souris pour sélectionner le mot impair ou tout autre élément.
2. Appuyez et maintenez la combinaison de touches Ctrl + Alt .
3. Sans relâcher Ctrl + Alt , appuyez sur la flèche vers le bas pour sélectionner le même mot dans les lignes situées sous les lignes d'origine. Appuyez sur le bouton autant de fois que nécessaire.
   
4. Tapez le mot de remplacement.
   
5. Une fois que vous avez terminé, appuyez sur le bouton Échap pour quitter le mode d'édition sur plusieurs lignes.

Le processus est tout aussi simple pour les utilisateurs de macOS :

1. Sélectionnez l'endroit dans la ligne que vous souhaitez modifier et maintenez la combinaison de touches Option + CMD .
   
2. Tout en maintenant le raccourci, utilisez la flèche vers le bas pour sélectionner cet endroit dans chaque ligne.

Vous ne devriez pas avoir de difficulté à sélectionner plusieurs lignes si vous êtes un codeur Linux VS.

1. Mettez en surbrillance la partie du code que vous souhaitez supprimer ou remplacer, puis appuyez et maintenez Shift + Alt .
   
2. Sans relâcher la combinaison Maj + Alt , utilisez la flèche vers le bas pour mettre en surbrillance le même élément dans les autres lignes.

Ensuite, vous devriez apprendre à comparer deux fichiers dans VS Code .

Comment insérer plusieurs curseurs dans VS Code

La sélection de plusieurs lignes n'est pas le seul moyen de modifier plusieurs lignes simultanément. Vous pouvez également utiliser la fonctionnalité multi-curseur. Une fois que vous avez ajouté un multi-curseur, vous pouvez modifier plusieurs lignes simultanément en tapant la même valeur pour chaque ligne.

Par exemple, vous pouvez suivre les étapes suivantes pour incorporer des curseurs individuels dans votre code.

1. Cliquez sur la première ligne et maintenez le bouton Alt si vous disposez d'un PC Windows ou Linux pour placer un multi-curseur dans les lignes sur lesquelles vous cliquez. Vous pouvez également appuyer sur la touche Option si vous êtes un utilisateur macOS.
   
2. Une fois que vous n'avez plus besoin de votre multi-curseur, appuyez sur le bouton Échap pour le supprimer de votre espace de travail. Esc est la clé universelle pour tous les systèmes d'exploitation.

Voici quelques autres fonctionnalités pratiques liées à plusieurs curseurs pour vous aider à augmenter votre productivité lors de la sélection et de la modification de plusieurs lignes.

Placer les curseurs à la fin des lignes

Certains projets nécessitent que vous placiez vos curseurs à la fin de chaque ligne.

1. Mettez en surbrillance plusieurs lignes avec le raccourci de la première section, en fonction de votre système d'exploitation. Par exemple, les utilisateurs Windows doivent maintenir enfoncées les touches fléchées Ctrl , Alt et Bas .
   
2. Appuyez sur la combinaison Shift + Option + I sur votre appareil macOS.
3. Shift + Alt + I si vous êtes un utilisateur Linux ou Windows.

Placer les curseurs au-dessous et au-dessus du curseur actuel

Les fins de ligne ne sont peut-être pas la meilleure position pour vos curseurs. Parfois, vous devez être plus précis et les placer en dessous et au-dessus de votre curseur d'origine.

1. Sélectionnez votre point de départ en plaçant votre curseur sur l'une des lignes. Appuyez sur la touche fléchée Ctrl + Alt + Bas pour placer un multi-curseur sous le curseur d'origine si vous êtes un codeur Windows ou Linux VS.
   
2. Si vous possédez un ordinateur macOS, utilisez la touche CMD + Option + Flèche vers le bas pour effectuer la même action.
3. Si nécessaire, utilisez la touche fléchée Ctrl + Alt + Haut pour incorporer un multi-curseur au-dessus de celui d'origine sous Windows ou Linux. Pour les plateformes macOS, vous devez appuyer sur les touches CMD + Option + Flèche haut pour placer le curseur au-dessus du point de départ.

Placez les curseurs à l'emplacement correspondant suivant

Faites cela si vous souhaitez uniquement placer un curseur sur la partie correspondante de la ligne la plus proche de votre point de départ.

1. Mettez en surbrillance la ligne à l'aide de votre souris.
2. Appuyez sur la combinaison de touches Ctrl + D si vous êtes un utilisateur Windows ou Linux. ( CMD + D si vous êtes un codeur macOS.) Cela insérera plusieurs curseurs à côté des parties correspondantes du code qui suivent la sélection d'origine.
   
3. Supprimez certains curseurs avec le raccourci Ctrl + U sous Windows et Linux si nécessaire.
4. CMD + U sur macOS. Gardez à l'esprit que ce raccourci supprime les curseurs un par un. Une combinaison ne permet pas de défaire tous les éléments d’un seul coup.

Placez les curseurs à chaque emplacement correspondant

Lorsque vous placez vos curseurs, vous ne souhaiterez peut-être pas les incorporer uniquement aux lignes voisines. Au lieu de cela, vous devrez peut-être les ajouter à tous les endroits correspondants. Voici comment cela fonctionne.

1. Mettez en surbrillance la partie du code où vous souhaitez ajouter des curseurs.
   
2. Appuyez sur la combinaison de touches Ctrl + Maj + L si vous disposez d'un PC Linux ou Windows pour placer un curseur là où le texte en surbrillance apparaît.
3. Utilisez le raccourci CMD + Shift + L si vous êtes un professionnel macOS.

Cette méthode permet également de modifier toutes les instances d'un nom de variable.

Comment personnaliser le curseur dans VS Code

Vos curseurs sont essentiels lors de la sélection et de la modification de plusieurs lignes dans VS Code. Cependant, leur comportement par défaut peut ne pas convenir parfaitement à votre projet. Vous devrez peut-être modifier leur fonctionnement et utiliser différentes combinaisons de touches pour améliorer la productivité.

La première chose que vous voudrez peut-être faire est de configurer un modificateur multi-curseur alternatif.

1. Ouvrez votre espace de travail et utilisez la combinaison de touches Ctrl + si vous disposez d'un système d'exploitation Windows ou Linux.
2. Vous devrez appuyer sur le raccourci CMD + si vous utilisez VS Code sur macOS.
3. Tapez la ligne suivante dans la case : multiCursorModifierer
   
4. Remplacez le bouton de modification par défaut de Alt par ce qui fonctionne le mieux.
   

Ce n'est pas la seule liaison de clé que vous pouvez modifier dans VS Code. Le menu des paramètres vous permet de modifier n'importe quel raccourci lié au curseur pour faciliter la manipulation des données.

Vous pouvez le faire depuis votre éditeur.

1. Démarrez VS Code et sélectionnez  Fichier dans le menu principal.
2. Accédez à Préférences sous Fichier et affichez la fenêtre Raccourcis clavier avec la combinaison de touches CMD + K + CMD + S ou le raccourci macOS ou Ctrl + K + Ctrl + S sous Windows et Linux. Vous devez relâcher la première lettre (par exemple, K) avant d'appuyer sur l'autre combinaison (par exemple, S).
   
3. Tapez l'ID du raccourci que vous souhaitez modifier. En voici quelques-uns :
   • editor.action.insertCursorBelow
   
   • editor.action.inserCursorAbove
   
   • editor.action.selectHighlights
   
   • editor.action.addSelectionToNextFindMatch
   
   • curseurUndo
   
4. Modifiez le raccourci correspondant avec le symbole d'édition dans la partie gauche de la fenêtre.
   

Laissez les fonctionnalités de VS Code faire le travail à votre place

Apprenez quelques raccourcis clavier VS Code utiles et automatisez autant de processus que possible pour devenir un maître de l'éditeur de code source. La sélection de plusieurs lignes et la modification de vos curseurs sont d'excellents points de départ. Expérimentez avec différentes positions et fonctionnalités pour obtenir la solution parfaite pour chaque projet.

FAQ

Puis-je sélectionner des lignes en fonction de leurs numéros de ligne dans VS Code ?

Oui. L'utilisation du raccourci clavier Ctrl + G vous permettra de choisir un numéro de ligne auquel accéder.

VS Code prend-il en charge la sélection simultanée de lignes dans plusieurs fichiers ?

Oui, VS Code utilise la fonctionnalité « Rechercher dans les fichiers » pour sélectionner simultanément des lignes dans plusieurs fichiers. Appuyez sur Ctrl + Maj + F (Cmd + Maj + F sur Mac) pour ouvrir le widget « Rechercher dans les fichiers », saisissez vos critères de recherche, puis utilisez les cases à cocher ou les raccourcis clavier pour sélectionner des lignes dans les résultats de recherche.