Démarrage rapide : Codage collaboratif avec Visual Studio Live Share

Bienvenue dans Visual Studio Live Share ! Live Share vous permet de modifier et de déboguer en temps réel avec d’autres utilisateurs, quels que soient les langages de programmation que vous utilisez ou les types d’applications que vous créez. Live Share vous permet de partager instantanément et en toute sécurité votre projet actuel. Partagez des sessions de débogage, des instances de terminal, des applications web localhost, des appels vocaux et bien plus encore si nécessaire.

Commencez à utiliser Visual Studio Live Share et commencez en toute transparence à partager votre travail et vos idées.

Astuce

Saviez-vous que vous pouvez rejoindre votre propre session de collaboration ? Cela vous permet d’essayer Live Share seul ou de faire tourner une instance de Visual Studio ou VS Code et de vous y connecter à distance. Vous pouvez même utiliser la même identité sur les deux instances.

Suivez ces étapes pour commencer le partage.

Prérequis

Suivez ces étapes pour installer l’extension.

Produit Procédure d’installation :
Visual Studio Code logo Visual Studio Code (1.22.0+)
1. Installer Visual Studio Code pour Windows (7, 8.1 ou 10), macOS (High Sierra 10.13+), Linux 64 bits (détails)
2. Téléchargez et installez l’extension Visual Studio Live Share à partir de la Place de marché.

Download button
Visual Studio 2019 logo Visual Studio 2019
1. Installez Visual Studio 2019.
2. Installez une charge de travail prise en charge (par exemple, ASP.NET, .NET Core, C++, Python et/ou Node.js).
3. Visual Studio Live Share est installé par défaut avec ces charges de travail.
Visual Studio 2017 logo Visual Studio 2017 15.6 ou une version ultérieure
1. Installez la dernière version de Visual Studio 2017 (15.6+) sur Windows (7, 8.1 ou 10).
2. Installez une charge de travail prise en charge (par exemple, ASP.NET, .NET Core, C++et/ou Node.js).
3. Téléchargez et installez l’extension Visual Studio Live Share à partir de la Place de marché.
Download button

En téléchargeant et en utilisant Visual Studio Live Share, vous acceptez les termes du contrat de licence et la déclaration de confidentialité. Si vous rencontrez des problèmes, consultez la section dépannage.

Connexion

Une fois l’extension Live Share installée, après avoir redémarré et attendu la fin de l’installation des dépendances (VS Code), vous devrez vous connecter pour vous identifier auprès des autres participants. Cliquez simplement sur l’élément de barre d’état « Live Share » (VS Code) ou sur le bouton « Se connecter » (VS) pour commencer.

Dans Visual Studio Code :

Visual Studio Code sign in status bar item

Dans Visual Studio :

Visual Studio sign in button

Dans VS Code, votre navigateur se lance tandis qu’une notification s’affiche vous demandant de vous connecter. Terminez le processus de connexion dans votre navigateur, puis fermez simplement le navigateur.

Toast notification asking to sign in using a web browser

Dans Visual Studio, Live Share utilise automatiquement votre compte de personnalisation. Vous pouvez vous connecter comme vous le feriez normalement. Toutefois, si vous préférez utiliser d’autres informations d’identification que celles de votre compte de personnalisation Visual Studio, accédez à Outils > Options > Live Share > Compte d’utilisateur et sélectionnez des informations d’identification différentes.

Consultez la section Résolution des problèmes si vous rencontrez toujours des problèmes.

Ouvrir un dossier, un projet ou une solution

Utilisez votre flux de travail habituel pour ouvrir un dossier, un projet ou une solution que vous souhaitez partager dans Visual Studio ou Visual Studio Code.

[Facultatif] Mettre à jour des fichiers masqués ou exclus

Par défaut, Live Share masque tous les fichiers/dossiers référencés dans les fichiers .gitignore dans vos dossiers partagés. Masquer un fichier l’empêche d’apparaître dans l’arborescence des fichiers de l’invité. L’exclusion d’un fichier applique une règle plus stricte qui empêche Live Share de l’ouvrir pour l’invité dans des situations comme « Atteindre la définition » ou si vous parcourez le fichier pendant le débogage ou le « suivi ». Si vous souhaitez masquer/exclure plusieurs fichiers, un fichier .vsls.json peut être ajouté à votre projet avec ces paramètres. Pour plus d’informations, voir Contrôler l’accès aux fichiers et leur visibilité.

Lancer une session de collaboration

Ensuite, cliquez sur « Live Share » dans votre outil et un lien d’invitation est automatiquement copié dans votre Presse-papiers.

Dans Visual Studio Code :

Visual Studio Code share status bar item

Dans Visual Studio :

Visual Studio share button

Remarque

Vous pouvez être invité par votre logiciel de pare-feu de bureau à autoriser l’agent Live Share à ouvrir un port lors du premier partage. Cette autorisation est entièrement facultative mais permet à un « mode direct » sécurisé d’améliorer les performances lorsque la personne avec laquelle vous travaillez se trouve sur le même réseau que vous. Consultez Modifier le mode de connexion pour plus d’informations.

[Facultatif] Activer le mode lecture seule

Une fois la session de collaboration démarrée, vous pouvez configurer la session afin qu’elle soit en mode lecture seule, pour empêcher les invités d’apporter des modifications au code partagé.

Après le partage, vous recevez une notification indiquant que le lien d’invitation a été copié dans votre Presse-papiers. Vous pourrez alors sélectionner l’option permettant de passer la session en lecture seule.

Dans Visual Studio Code :

Visual Studio Code read-only option

Dans Visual Studio :

Visual Studio read-only option

Dans VS Code, vous pouvez également démarrer une session en lecture seule à partir de l’onglet d’affichage Live Share.

Toast notification asking to sign into a read-only session

Envoyez le lien par e-mail, Teams, Slack, Skype, etc. à ceux que vous souhaitez inviter. Ouvrir le lien dans un navigateur leur permet de rejoindre la session de collaboration qui partage le contenu du dossier, du projet ou de la solution que vous avez ouvert. Étant donné le niveau d’accès que les sessions Live Share peuvent offrir aux invités, limitez les partages aux personnes de confiance et pensez aux implications de ce que vous partagez.

Conseil de sécurité : Vous souhaitez comprendre les implications de sécurité de certaines des fonctionnalités de Live Share ? Consultez l’article Sécurité.

Si l’invité que vous avez invité a des questions, le guide de démarrage rapide : rejoindre votre premier article de session fournit plus d’informations sur la mise en place et l’exécution en tant qu’invité.

[Facultatif] Approuver l’invité

Par défaut, les invités rejoignent automatiquement votre session de collaboration, et vous êtes averti lorsqu’ils sont prêts à travailler avec vous.

Dans Visual Studio Code :

Visual Studio Code join notification

Dans Visual Studio :

Visual Studio join notification

Vous pouvez également choisir d’exiger une « approbation » explicite pour toute personne rejoignant la session. Si ce paramètre est activé, une notification vous invite à approuver l’invité lorsqu’il tente de rejoindre votre session.

Consultez Demande d’approbation de l’invité pour plus d’informations sur la façon d’activer cette fonctionnalité.

Travailler en collaboration

Voici quelques éléments à essayer une fois qu’un invité vous a rejoint :

  • Se déplacer dans plusieurs fichiers dans le projet de manière indépendante et leur apporter des modifications
  • Suivre l’invité et l’observer faire défiler, apporter des modifications et accéder à différents fichiers
  • Démarrer une session de codébogage
  • Partager un serveur pour vérifier une application Web en cours d’exécution sur leur machine
  • Partager un terminal et exécuter des commandes

Consultez les documents d’extension Visual Studio Code et Visual Studio pour plus d’informations sur la manière d’effectuer ces actions et bien plus encore.

Vous rencontrez des problèmes ? Voir la section dépannage ou fournir des commentaires.

Étapes suivantes

Essayez ces articles pour commencer ou approfondir :

Référence