Si comme moi vous jonglez entre plusieurs machines — un MacBook pour les déplacements, une tour sous Windows à la maison, ou peut-être un laptop fourni par un client — vous connaissez forcément cette friction.
Vous installez une super extension ou vous peaufinez un raccourci clavier sur votre machine principale, et le lendemain, en ouvrant VS Code sur votre autre poste… c’est la frustration. Il manque la moitié de vos outils, le thème n’est pas le bon, et votre productivité en prend un coup.
Pendant longtemps, la solution consistait à copier-coller des fichiers JSON ou à utiliser des extensions tierces parfois instables. Mais c’est du passé. Aujourd’hui, je vous montre comment utiliser la synchronisation native de VS Code pour avoir un environnement de développement unifié, où que vous soyez.
Fini le bricolage, place au natif
Il y a quelques années, l’extension « Settings Sync » (celle avec l’icône rouge) était la référence. Elle utilisait des Gist GitHub pour stocker nos configs. C’était ingénieux, mais c’était du bricolage.
Microsoft a finalement intégré cette fonctionnalité directement dans le cœur de l’éditeur (depuis la version 1.48). C’est plus rapide, plus fiable et surtout, beaucoup plus simple à configurer.
Ce qui est synchronisé (et ce qui ne l’est pas)
Avant d’activer le bouton magique, voici ce que VS Code va propager sur vos machines :
- Paramètres : Votre fichier
settings.json(police, zoom, formatage, etc.). - Raccourcis clavier : Vos bindings personnalisés.
- Extensions : La liste de vos plugins (et leur état activé/désactivé).
- Snippets : Vos morceaux de code réutilisables.
- État de l’interface : La disposition de vos panneaux, votre thème, vos icônes.
Ce qui reste local (et c’est tant mieux) : les chemins de vos exécutables spécifiques à la machine (comme le path vers un binaire PHP ou Python s’il diffère d’un OS à l’autre).
Le tutoriel : Activer la synchronisation en 3 clics
La procédure est triviale, mais autant la faire proprement. Commencez par l’ordinateur qui possède votre configuration idéale.
- Ouvrez VS Code.
- Cliquez sur la roue dentée Gérer (Manage) tout en bas à gauche.
