Visual Studio Code : synchronisez vos paramètres et extensions avec GitHub Gist

Depuis peu, je découvre avec grand plaisir les joies du télétravail. Par conséquent, je développe désormais sur deux postes de travail : un ordinateur de bureau… au bureau, un ordinateur portable à la maison.

Si Git me permet de synchroniser mes sources et OneDrive mes documents non confidentiels, il me manquait jusqu’alors la synchronisation des paramètres et extensions de mon éditeur Visual Studio Code. Et oui, même si j’utilise principalement PhpStorm au quotidien, Visual Studio Code m’est encore indispensable pour bien des tâches. Or, rien ne m’est plus frustrant que de ne pas retrouver mon environnement de travail tel que je l’ai laissé !

Visual Studio Code Logo
Visual Studio Code

Bien heureusement, j’ai enfin trouvé une solution pour pallier à ce problème : l’extension Settings Sync de Shan Khan. Cet outil, ô combien pratique, me permet donc de synchroniser mon environnement Visual Studio Code sur mes deux postes de travail via mon compte GitHub. Pour plus d’informations, je vous renvoie à la page de présentation de l’extension.

La mise en place de la synchronisation est relativement aisée. Bien entendu, votre premier « upload » devra se faire depuis le poste de travail « source », soit celui duquel vous souhaitez répliquer la configuration.

  1. Ouvrez Visual Studio Code
  2. Rendez vous sur la page des extensions
  3. Installez l’extension « Settings Sync »
    Installation de l'extension Settings Sync sur Visual Studio Code
  4. Une fois installée, la page de bienvenue de l’extension s’affiche (en anglais) :
    Visual Studio Code Settigns Sync Page de bienvenue
    Cliquez sur le bouton « Login with GitHub »
  5. Votre navigateur s’ouvre et vous invite à renseigner vos identifiants de compte GitHub.
    GitHub Login pour Settings Sync
  6. Renseignez vos identifiants et acceptez la connexion de l’extension à votre compte GitHub. Si tout se passe bien, vous devriez être redirigé vers cette page :
    Settings Sync connexion réussie
  7. Revenez sur Visual Studio Code et cliquez sur le bouton « Skip (New one will be created upon first upload) »
    Visual Studio Code Settings Sync Gist Inexistant
  8. Appuyez sur la touche F1 de votre clavier pour ouvrir le panneau de commande. Tapez « sync » :
    Visual Studio Code Settings Sync Mettre à jour et Upload
  9. Sélectionnez « Mettre à jour / Uploadez vos paramètres ». Vos paramètres et extensions sont maintenant sur votre compte GitHub :
    Visual Studio Code Settings Sync Upload résumé

Maintenant que vos paramètres ont été uploadés sur votre compte GitHub, il ne vous reste plus qu’à synchroniser votre autre poste de travail, soit celui sur lequel vous souhaitez retrouver la configuration de votre poste « source ».

  1. Répétez les étapes 1 à 6
  2. Sélectionnez la sauvegarde à répliquer sur votre poste
    Visual Studio Code Settings Sync Gist Sélection
  3. Appuyez sur la touche F1 de votre clavier pour ouvrir le panneau de commande. Tapez « sync » et sélectionnez « Download settings » ou « Paramètres de téléchargement » (la traduction est vraiment mauvaise !)
  4. Patientez le temps de la synchronisation
  5. Enjoy ^^

Et le tour est joué. 🙂

Laisser un commentaire