Aller au contenu principal

L'IDE VSCode

VSCode est un IDE (Integrated Development Environment) développé par Microsoft. Il est gratuit et open-source. Il est très populaire et est utilisé par beaucoup de développeurs.

Il est versatile, compatible avec n'importe quel système d'exploitation et s'adapte, grâce à une gestion d'extensions très ingénieuse, à une multitude de langages et de cas d'utilisation.

Voilà une liste d'extensions que je recommande et que j'utilise quotidiennement:

  • path-autocomplete : Fournit la complétion des chemins dans l'IDE
  • vscode-icons : Permet d'avoir des icônes plus jolis par type de fichier
  • vsliveshare : Cela permet de travailler à distance à plusieurs dans un seul et même éditeur. C'est génial pour travailler ensemble !
  • todo-tree : Permet de recenser et filtrer les TODO d'un projet de code.
  • ayu : Le thème de couleur que j'utilise
  • markdown-all-in-one et mdmath : Pour l'édition de markdown
  • auto-rename-tag : Permet de refermer les balises web automatiquement

... et bien d'autres encore:

svelte-vscode, gitmoji-vscode, vscode-pylance, python, rust-analyzer, even-better-toml, wgsl

Les raccourcis et actions rapides​

Je vais présenter ci-dessous quelques unes des choses les plus importantes pour lesquelles un IDE peut vous aider. Je vais les illustrer à l'aide de VSCode mais la majorité de ces fonctionnalités sont également présentes dans d'autres IDE.

Recherche dans le fichier courant​

Vous pouvez utiliser tout simplement la recherche dans le fichier courant en utilisant le raccourci : CTRL+F. Une popup va s'ouvrir et vous laisser naviguer avec les flèches entre les occurrences. Vous pouvez également faire du remplacement via la popup.

Recherche dans un projet​

Avec le raccourci CTRL+SHIFT+F il est possible de rechercher dans un projet entier. Cela peut être très utile si vous savez comment une variable s'appelle mais que vous ne retrouvez plus dans quel fichier elle se trouve par exemple.

La barre de recherche de VSCode est géniale, vous pouvez même renommer les choses (pour corriger une typo) par lot ou limiter la recherche à un dossier spécifique. Cette option est disponible en cliquant sur les trois points à droite.

Renommer par symbole​

Faites un clic droit et sélectionnez "rename symbol" ou même directement avec le raccourci F2 sur ta sélection.

C'est mieux que de faire une simple recherche (avec CTRL+F) car ce renommage arrive à prendre en compte le contexte (les symboles) et permet de remplacer par exemple une variable nommée "Box" sans affecter une autre qui pourrait par exemple s'appeler "boundingBox".

Aller à la définition​

Cela vous mènera directement à la définition de la variable / fonction / classe. C'est une fonctionnalité super utile pour se déplacer dans un projet.

Et si vous voulez rester concentré sur la portion de code que vous êtes en train d'éditer, vous pouvez aussi regarder la définition et cela ouvrira une petite fenêtre dans votre fichier actuel.

Aller à un symbole​

Avec le raccourci CTRL+SHIFT+O vous pouvez accéder à la liste des symboles. C'est en somme la liste des méthodes et fonctions du fichier courant. Vous pouvez ensuite taper ce que vous recherchez pour affiner la liste.

Aller à un fichier​

De la même manière, il est possible d'aller à un fichier sans passer par l'explorateur en utilisant le raccourci : CTRL+P. C'est beaucoup plus rapide si vous connaissez le nom du fichier que vous cherchez.

Passer d'un fichier .hpp à un .cpp et inversement​

Vous pouvez utiliser ALT+O pour passer rapidement du fichier d'en-tête au fichier d'implémentation. Très utile lorsque vous écrivez du code pour une classe ou structure.

attention

Cette action ne fonctionne que dans le contexte d'un projet C++ et nécessite l'extension suivante

cpptools-extension-pack .

Aller plus loin​

Si besoin, voici les liens vers les pdf de référence des raccourcis par plateforme de VSCode: