Fonctions de l'éditeur

Visual Studio Code

Vos éditeurs de code possèdent généralement une quantité impressionnante de fonctionnalités et d'outils pour facilité et améliorer la rapidité de l'écriture de votre code. Cette page vous présente les raccourcis claviers de certaines de ces fonctionnalités dans Visual Studio Code.

La majorité des fonctionnalités présentées ici existe dans d'autres éditeurs, mais les raccourcis claviers pourraient être différents. Si vous voulez savoir comment exécuter ces fonctionnalités dans un éditeur de code différent, Google est votre ami.

Renommer un symbole ou un fichier

Si vous voulez renommer une variable, une constante, une classe ou même un fichier, Visual Studio Code peut vous aider à le faire rapidement. Lorsqu'on change le nom d'une variable, le problème majeur est qu'il faut renommer la variable partout dans le code où elle est utilisée. Il serait merveilleux si l'éditeur pouvait le faire pour nous, non?

Heureusement, Visual Studio Code peut le faire. La technique est simple. Mettez votre curseur sur la variable, constante, classe ou fichier que vous voulez renommer et faite l'opération suivante:

F2 ou Clic droit -> Rename Symbol

Vous pourrez ensuite changer le nom et apuuyer sur la touche Enter pour valider.

Mise en forme d'un d'un document

Vous avez tendance à écrire votre code rapidement et à ignorer l'indentation et l'espacement dans votre code? Il peut être pénible de revenir dans le code par la suite pour nettoyer le tout à la main.

Heureusement Visual Studio Code nous permet de faire du formattage de code automatique. Pour ce faire, vous pouvez mettre votre curseur dans le fichier que vous voulez mettre en forme et faite l'opération suivante:

Shift + Alt + F ou Clic droit -> Format document

Le fichier de code devrait automatiquement se mettre en forme.

Commenter une sélection

Vous voulez rapidement commenter une ligne ou quelques lignes de code? Oui, vous pouvez ajouter les commentaires manuellement, mais il y a mieux. Dans Visual Studio Code, vous pouvez simplement mettre votre curseur sur la ligne que vous voulez commenter ou sélectionner les lignes que vous voulez commenter et faites l'opération suivante:

Ctrl + É ou Edit -> Toggle Line Comment

La ligne ou les lignes sélectionnées seront automatiquement commentées.

Déplacer une ligne

Vous voulez déplacer une ligne ou plusieurs lignes de code à un autre endroit dans votre code? Une option simple est simplement de couper et coller les lignes concernées ailleurs. Celà va généralement bien fonctionner rapidement pour la plupart de vos besoin, mais il existe d'autre techniques.

Visual Studio Code vous permet de déplacer une ou des lignes de code vers le haut ou le bas rapidement. Tout ce que vous devez faire est de mettre votre curseur sur la ligne à déplacer ou sélectionner les lignes à déplacer et à faire l'opération suivante:

La ou les lignes sélectionnées se déplaceront automatiquement vers le haut ou vers le bas.

Autocomplétion de code

La plupart des éditeurs de code moderne vous proposerons une certaine quantité de suggestion lors de l'écriture de code. Celà nous permet entre autre de rapidement écrire un long nom de variable, voir les propriétés et fonctions disponible dans un object ou d'autogénérer des importations.

Dans Visual Studio Code, la boîte de suggestion apparaît automatiquement lorsque l'on tape du code. Dans certain cas, elle ne s'affichera pas automatiquement ou vous allez vouloir la fermer. Vous pouvez le faire avec les raccourcis claviers suivants:

Dans la fenêtre de suggestion, vous pouvez utiliser les flèches 🠕 ou 🠗 pour sélectionner une suggestion et la touche Enter pour la valider.

Lancer et déboguer

Pour de nombreux types de programme, vous pouvez les lancer dans votre éditeur à l'aide de la combinaison de touche suivante:

Ctrl + F5 ou Run -> Run Without Debugging

Il y a aussi moyen de lancer le programme avec un débogueur. Le débogueur est un outil puissant que l'on utilisera un peu plus tard dans le cours. Cet outil nous permet entre autre d'exécuter du code ligne par ligne et de voir le contenu des variables lors de son exécution. Voici les raccourcis claviers à retenir:

Nous verrons comment fonctionne et comment utiliser ces opérations dans un module subséquant. Ces raccourcis clavier sont toutefois utile pour ceux qui ont déjà utilisé le débogueur.

Sélection de bloc

Il est possible de sélectionner un bloc de code dans Visual Studio Code. Un littéral bloc de code. POur ce faire, vous pouvez faire les opérations suivantes:

Shift + Alt + Sélectionner du code avec la souris

Vous verrez que le code sélectionner aura littéralement la forme d'un carrée ou d'un rectangle. Ce genre de sélection peut être pratique pour supprimer certaines parties de code formatté ou encore pour ajouter du code sur plusieurs ligne simultanément.