Visual Studio Code est l'un des éditeurs de code les plus populaires et performants. Successeur de Sublime Text pour de nombreux développeurs, il repose sur Electron (comme Atom), mais se distingue par sa rapidité et son absence de problèmes de performances typiques des applications JavaScript.
De plus, VS Code est open-source et hébergé sur GitHub. Il y a dix ans, l'adoption de l'open source par Microsoft semblait improbable ; aujourd'hui, c'est une réalité.
Découvrez ces 10 conseils essentiels pour optimiser votre flux de travail et maximiser votre productivité avec VS Code.
(Si vous hésitez entre VS Code et Atom, consultez notre comparaison détaillée.)
Comme dans Sublime Text ou TextMate, la palette de commandes permet d'accéder rapidement aux fonctions en les tapant, sans naviguer dans les menus.
Ouvrez-la avec Ctrl + Maj + P. Tapez votre commande (ex. : "fermer") pour des suggestions en temps réel, organisées par catégories (Fichier, Git, Terminal, etc.).
Dans l'Explorateur de la barre latérale, cliquez sur Ouvrir le dossier (ou Fichier > Ouvrir le dossier). Cela charge le dossier comme projet actif, facilitant l'accès à tous les fichiers et sous-dossiers.
VS Code supporte les onglets et l'édition côte à côte (horizontale). Ses panneaux dynamiques ajustent automatiquement la largeur : le panneau actif s'élargit, idéal pour les petits écrans (720p).
Créez des curseurs multiples avec Alt (ou Option sur Mac) + clic. Parfait pour insérer/supprimer du texte répété, comme des classes CSS ou des liens HTML.
Pour une variable ou méthode inconnue, placez le curseur dessus et appuyez sur F12 pour sauter à sa définition. Alt + F12 l'affiche en ligne ; Maj + F12 liste toutes les références.
Prérequis : ouvrez le dossier comme projet actif (conseil n°2).
Sélectionnez une variable/méthode et appuyez sur F2 pour la renommer partout dans le projet. Pour le fichier actuel seulement : Ctrl + F2.
Ctrl + F pour le fichier actuel ; Ctrl + Maj + F pour tout le projet (récursif, sous-dossiers inclus). Idéal pour du texte non codé.
Le terminal intégré s'ouvre dans le répertoire du projet (ou dossier personnel). Supporte plusieurs instances (+ pour ajouter, poubelle pour fermer). Sélection via menu déroulant.
Personnalisez la coloration syntaxique via le Marketplace VS Code ou directement dans l'éditeur. Un bon thème améliore significativement la lisibilité et la productivité.
Accédez aux Extensions avec Ctrl + Maj + X. Linters, débogueurs, snippets, émulateurs Vim... Découvrez nos extensions préférées pour VS Code.
Aucun outil n'est parfait, mais VS Code convient à la plupart des développeurs. C'est un éditeur de texte, pas un IDE complet (lisez notre article sur les différences). Testez-le et intégrez-le à Visual Studio Online pour coder en ligne.
