FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Que vous fassiez vos premiers pas en programmation ou que vous soyez un développeur expérimenté, la collaboration est essentielle pour progresser. Des pratiques comme la programmation en binôme sont courantes en entreprise, mais comment collaborer efficacement depuis chez soi ?

De nombreuses équipes utilisent Slack ou Discord pour communiquer en groupe, tandis que les systèmes de contrôle de version permettent de synchroniser les projets sur un référentiel partagé en ligne.

Ces outils sont excellents, mais imaginez les combiner directement dans votre IDE ? Microsoft propose la solution avec Live Share pour Visual Studio Code (VS Code) et Visual Studio. Ce guide se concentre sur VS Code.

(Si vous hésitez encore entre Visual Studio Code et Atom, notre comparatif vous aidera à choisir.)

Qu'est-ce que Live Share pour VS Code ?

Live Share permet à deux personnes ou plus de collaborer en temps réel sur du code, via un compte Microsoft ou GitHub. Les sessions standard accueillent jusqu'à 5 utilisateurs simultanés (extensible à 30 via paramètres). Seuls les hôtes connectés peuvent modifier le code, mais les invités suivent la session et participent au chat en direct.

Le pack d'extensions Live Share intègre l'audio pour les appels, ainsi que Slack et Discord. Idéal pour le télétravail, l'enseignement ou les tutoriels, avec terminaux et serveurs partagés.

Configurer Visual Studio Code pour la collaboration

VS Code est gratuit sur Windows, macOS et Linux. Téléchargez et installez-le si nécessaire.

Pour installer Live Share, ouvrez l'onglet Extensions (raccourci Ctrl+Maj+X) et recherchez Live Share.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Installez le pack d'extensions Live Share pour inclure audio et intégrations. Rechargez VS Code via le bouton Recharger.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

De nouvelles icônes apparaissent : un dièse (#) pour Slack/Discord et une flèche pour Live Share.

Démarrer une session de partage dans VS Code

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Dans l'onglet Live Share, la fenêtre Détails de la session propose trois options :

  • Rejoindre une session : Entrez l'URL fournie par l'hôte.
  • Démarrer une session de collaboration : Créez une session éditable par tous.
  • Démarrer une session en lecture seule : Les invités visualisent sans modifier.

Sélectionnez Démarrer une session de collaboration, connectez-vous via Microsoft/GitHub, choisissez un répertoire. Autorisez le pare-feu pour une meilleure performance (recommandé).

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Le lien de session s'affiche en bas à droite, avec options lecture seule et infos.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Copiez le lien et partagez-le avec vos collaborateurs équipés de Live Share.

Collaboration basique sur le code

La collaboration s'intègre seamlessly : une fenêtre de chat s'ouvre, accessible à tous.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Via le panneau Live Share, rouvrez le chat, récupérez l'URL ou arrêtez la session.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Ouvrez un fichier : chaque participant a un curseur coloré. Modifications, surlignages et erreurs sont partagés en temps réel.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Collaborez sur tout le projet, partagez le terminal (lecture/écriture) ou un serveur local.

Suivre et focaliser les collaborateurs

Cliquez sur un nom dans Live Share pour le suivre automatiquement.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Utilisez le mégaphone pour focaliser tous sur votre vue.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Les focalisés peuvent choisir de vous suivre ensuite.

Utiliser l'audio dans Live Share

Le pack inclut l'audio. Cliquez Rejoindre l'appel audio dans l'onglet Live Share.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Parfait pour collaborations, cours ou présentations. Paramètres via clic droit ou roue dentée. Déconnexion n'arrête pas la session.

Intégrer Slack à VS Code

Cliquez sur l'icône Slack, puis Configurer Slack. Autorisez l'accès (admin requis).

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Slack apparaît comme un onglet. Même processus pour Discord (un seul à la fois).

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Sécurité et confidentialité avec Live Share

Live Share est puissant mais exige vigilance : liens partagés ouvertement risquent abus.

Invités en lecture seule chattent ; terminal en écriture est risqué.

Programmer en équipe avec Live Share dans Visual Studio Code : Guide complet

Partagez sélectivement et limitez les privilèges édition/terminal.

La collaboration booste VS Code

Ces extensions enrichissent VS Code pour codage, debug et tests collaboratifs. Idéal pour apprentissage en classe ou remote, complété par des cours en ligne.

Avec VS Code, codez aussi en navigateur via Visual Studio Online.


[]