Quickstart : Joignez-vous à votre première session de collaborationQuickstart: Join your first collaboration session

Bienvenue dans Visual Studio Live Share !Welcome to Visual Studio Live Share! Live Share vous permet d’éditer et de déboguer en collaboration avec d’autres utilisateurs en temps réel, quels que soient les langages de programmation que vous utilisez ou les types d’applications que vous créez.Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. Cette solution vous permet de rejoindre instantanément et en toute sécurité le projet en cours d’un collègue, puis, au besoin, d’entrer dans des sessions de débogage, afficher et modifier des instances de terminal, afficher des applications web localhost, rejoindre des appels vocaux, etc.It allows you to instantly and securely join a teammate's current project, and then as needed, enter into debugging sessions, view and edit terminal instances, see localhost web apps, join voice calls, and more!

Prêt pour le départ ?Ready to get going? La collaboration d’équipe doit être si rapide et naturelle, qu’il devient plus difficile de ne pas le faire !Team collaboration should be so quick and natural, that it becomes harder not to do it! C’est pour cette raison que Visual Studio Live Share simplifie la prise en main, afin que vous puissiez commencer en toute transparence à partager vos travaux et idées.For this reason, Visual Studio Live Share makes it simple to get started, so that you can seamlessly begin sharing your work and ideas.

Conseil

Saviez-vous que vous pouvez rejoindre votre propre session de collaboration ?Did you know you can join your own collaboration session? Cela vous permet d’essayer Live Share seul ou de faire fonctionner une instance de Visual Studio ou VS Code, et de vous y connecter à distance !This allows you to try Live Share on your own or to spin up an instance of Visual Studio or VS Code and connect to it remotely! Vous pouvez même utiliser la même identité sur les deux instances.You can even use the same identity on both instances. À tester dès maintenant !Check it out!

Suivez ces étapes pour rejoindre une session de collaboration.Just follow these steps to join a collaboration session.

1. Installer l’extension1. Install the extension

L’extension est facile à installer.Installing the extension is easy. Procédez comme suit :Just follow these steps:

Visual Studio Code logo Visual Studio Code (1.22.0+) Visual Studio Code (1.22.0+)
1.Installez Visual Studio Code pour Windows (7, 8.1 ou 10), macOS (Sierra+), Linux 64 bits (détails) 1. Install Visual Studio Code for Windows (7, 8.1, or 10), macOS (Sierra+), 64-bit Linux (details)
2. Téléchargez et installez l’extension Visual Studio Live Share depuis le Marketplace. 2. Download and install the Visual Studio Live Share extension from the marketplace.
3. Rechargez et attendez que les dépendances soient téléchargées et installées (voir la barre d’état). 3. Reload and wait for dependencies to download and install (see status bar).
4. Linux: Si vous êtes invité à installer des bibliothèques,cliquez sur installer, entrez mot de passe, redémarrez le code VS une fois terminé. 4. Linux: If prompted to install libraries, click install, enter password, restart VS Code when done.
Visual Studio 2019 logo Studio visuel 2019 Visual Studio 2019
1.Installer Visual Studio 2019. 1. Install Visual Studio 2019.
2. Installez une charge de travail prise en charge. 2. Install a supported workload. (par exemple, ASP.NET, .NET Core, C++, Python et/ou Node.js)(e.g. ASP.NET, .NET Core, C++, Python, and/or Node.js)
3. Visual Studio Live Share est installé par défaut avec ces charges de travail. 3. Visual Studio Live Share is installed by default with these workloads.
Visual Studio 2017 logo Visual Studio 2017 15.6 ou une version ultérieure Visual Studio 2017 15.6 or higher
1. Installez la dernière version de Visual Studio 2017. (15.6+) sous Windows (7, 8.1 ou 10). 1. Install the latest version of Visual Studio 2017 (15.6+) on Windows (7, 8.1, or 10).
2. Installez une charge de travail prise en charge. 2. Install a supported workload. (par exemple, ASP.NET, .NET Core, C++ et/ou Node.js)(e.g. ASP.NET, .NET Core, C++, and/or Node.js)
3. Téléchargez et installez l’extension Visual Studio Live Share depuis le Marketplace. 3. Download and install the Visual Studio Live Share extension from the marketplace.
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é.By downloading and using Visual Studio Live Share, you agree to the license terms and privacy statement. Si vous rencontrez des problèmes, consultez la section dépannage.See troubleshooting if you run into problems.

2. [Facultatif] Rejoindre en tant qu’invité en lecture seule dans VS Code2. [Optional] Join as a read-only guest in VS Code

Dans VS Code, une fois l’extension Live Share installée, après avoir redémarré et attendu la fin de l’installation des dépendances, vous devrez vous connecter et rejoindre une session de collaboration en tant qu’invité en lecture seule.In VS Code, after installing the Live Share extension, restarting, and waiting for dependencies to finish installing, you can jump in and join a collaboration session as a read-only guest.

Notes

Si vous souhaitez apporter des modifications au code que vous rejoignez, vous devrez vous connecter.If you want to make edits to the code you are joining, you'll need to sign in.

Ouvrez (ou rouvrez) le lien d’invitation dans un navigateur, puis vous recevrez une notification vous indiquant que le navigateur souhaite lancer VS Code.Open (or re-open) the invite link in a browser, and you will get a notification that the browser wants to launch VS Code. Laissez-le lancer VS Code, et il démarrera la connexion à la session de collaboration.Let it launch, and it'll start connecting to the collaboration session.

Lors du lancement de VS Code, vous recevrez une notification toast vous demandant de vous connecter.When VS Code launches, you'll get a toast notification asking to sign in. Cliquez sur « Continuer en tant qu’invité en lecture seule » pour rejoindre la session.Select "Continue as read-only guest" to join the session.

Notification toast « Rejoindre une session en tant qu’invité en lecture seule »

Vous devrez entrer un nom d’affichage pour aider les participants à vous identifier durant la session.You'll be asked to enter a display name to help participants identify you in the session.

Nom d’invité en lecture seule

Vous rejoindrez ensuite la session en tant qu’invité en lecture seule.Afterwards, you'll be joined into the session as read-only. Vous pourrez afficher et naviguer dans le code, codéboger, et afficher les serveurs et terminaux partagés (en lecture seule).You will be able to view and navigate around the code, co-debug, and view shared servers and terminals (read-only).

Notes

Si vous souhaitez accéder ultérieurement en lecture/écriture au code, vous pouvez vous connecter.If you want to later get read/write access to the code, you can sign in. Cliquez sur votre nom d’affichage sur la barre d’état et sélectionnez l’option « Se connecter ».Click on your display name in the status, bar, and select the option "Sign in". Connexion d’invité en lecture seule Cette action lance votre navigateur, et vous pouvez choisir un compte Microsoft ou GitHub pour vous connecter.Read-only guest sign in This will launch your browser, and you can choose a Microsoft or GitHub account to sign in with.

3. Connectez-vous3. Sign in

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.After installing the Live Share extension, restarting, and waiting for dependencies to finish installing (VS Code), you'll want to sign in to let other participants know who you are. Si vous ignorez cette étape, vous serez invité à vous connecter pendant le processus de jonction, ou pourrez rejoindre la session en tant qu’un invité en lecture seule.If you skip this step, you are asked to sign in during the join process, or can join the session as a read-only guest. Cliquez sur l’élément « Live Share » sur la barre d’état (VS Code) ou sur le bouton « Se connecter » (VS) pour commencer.Click the "Live Share" status bar item (VS Code) / "sign in" button (VS) to get started.

Visual Studio Code sign in status bar item Visual Studio sign in button

Dans VS Code, votre navigateur se lance tandis qu’une notification s’affiche vous demandant de vous connecter.In VS Code, your browser will launch while a notification will appear launch asking you to sign in. Terminez le processus de connexion dans votre navigateur, puis fermez simplement le navigateur.Complete the sign in process in your browser, then simply close the browser when done.

Notification toast demandant de se connecter à l’aide d’un navigateur Web

Utilisateurs de Linux: Vous pouvez être invité à entrer un code utilisateur si vous utilisez une ancienne version de Live Share (v0.3.295 ou ci-dessous).Linux users: You may be prompted to enter a user code if you are using an older version of Live Share (v0.3.295 or below). Mettez à jour vers la dernière version de l’extension ou cliquez sur le lien « Vous rencontrez des problèmes ? »Update to the latest version of the extension or click the "Having trouble?" après vous être connecté pour afficher le code.link after sign in to see the code. Voir ici pour plus de détails.See here for details.

Dans Visual Studio, Live Share utilise automatiquement votre compte de personnalisation.In Visual Studio, Live Share automatically uses your personalization account. Par conséquent, vous pouvez simplement vous connecter comme vous le feriez normalement.As a result, you can simply sign in as you would normally. 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.However, if you'd prefer to use a different sign-in than your Visual Studio personalization account, go to Tools > Options > Live Share > User account and select different credentials.

Consultez la section Résolution des problèmes si vous rencontrez toujours des problèmes.See troubleshooting if you are still hitting problems.

À présent, ouvrez simplement (ou rouvrez) le lien d’invitation dans un navigateur.Now, simply open (or re-open) the invite link in a browser.

Remarque: Si vous n’avez pas encore installé l’extension Live Share, vous serez présenté avec des liens vers le marché de l’extension.Note: If you have not yet installed the Live Share extension, you'll be presented with links to the extension marketplace. Installez l’extension, redémarrez votre outil et réessayez.Install the extension and restart your tool and retry.

Vous devriez être averti que le navigateur souhaite lancer un outil Live Share activé.You should be notified that the browser wants to launch a Live Share enabled tool. Si vous le laissez lancer l’outil sélectionné, vous serez connecté à la session de collaboration lors du démarrage.If you let it launch your selected tool, you'll be connected to the collaboration session once it starts.

Page Rejoindre

Si l’hôte est hors connexion, vous serez averti à ce moment-là.If the host is offline, you'll be notified at this point instead. Vous pourrez alors le contacter et lui demander de relancer le partage.You can then contact the host and ask them to share again.

Astuce de dépannage : Lors de l’utilisation de code VS, assurez-vous que vous avez commencé l’outil au moins une fois après l’installation de l’extension et a attendu que les dépendances pour terminer l’installation (voir la barre d’état) avant d’ouvrir / ré-ouvrir la page d’invitation.Troubleshooting Tip: When using VS Code, be sure you've started the tool at least once after installing the extension and waited for the dependencies to finish installing (see the status bar) before opening/re-opening the invite page. Si le problème persiste,Still having trouble? Consultez Rejoindre manuellement pour plus d’informations.See join manually for details.

5. Collaborer!5. Collaborate!

Et voilà !That's it! Dans quelques instants, vous serez connecté à la session de collaboration de votre collègue.In a few moments, you'll be connected to your colleague's collaboration session. Par défaut, l’hôte accepte automatiquement les personnes qui rejoignent la session, mais si l’hôte est configuré pour demander l’approbation de l’invité, vous verrez une mention sur la barre d’état/dans la boîte de dialogue « Rejoindre » indiquant que Live Share attend que l’hôte approuve votre demande de participation.By default, the host auto-accepts people that join, but if the host is set up to require guest approval you will see the status bar / join dialog mention that Live Share is waiting on the host to approve your request to join.

Conseil de sécurité: En tant qu’invité se joignant à une session de collaboration, il est important de comprendre que les hôtes peuvent restreindre votre accès à certains fichiers ou fonctionnalités.Security Tip: As a guest joining a collaboration session, it's important to understand that hosts may restrict your access to certain files or features. Vous voulez comprendre les implications de sécurité de certains paramètres et fonctionnalités Live Share ?Want to understand the security implications of some of Live Share's features and settings? Consultez l’article Sécurité.Check out the security article.

Voici quelques éléments à essayer :Here are a few things to try out:

  1. Se déplacer dans le projet de manière indépendante et apporter des modificationsMove around the project independently and make some edits
  2. Vérifier que Intellisense fonctionne pour JavaScript, TypeScript, et/ou le code C#Check out working intellisense for JavaScript, TypeScript, and/or C# code
  3. Modifier un élément avec l’hôteEdit something together with the host
  4. Suivre l’hôte et se déplacer avec lui tandis qu’il navigue dans les différents fichiers et apporte des modificationsFollow the host and move around with them as they navigate and make edits in different files
  5. Démarrer une session de codébogage avec l’hôteStart up a co-debugging session with the host
  6. Demander à l’hôte de partager un serveur pour vérifier une application Web en cours d’exécution sur leur machineAsk the host to share a server so you can check out something like a web app running on their machine
  7. Demander à l’hôte de partager un terminal et d’exécuter des commandesAsk the host to share a terminal and run some commands

Vous rencontrez des problèmes ?Having problems? Voir la section dépannage ou fournir des commentaires.See troubleshooting or provide feedback.

Étapes suivantesNext Steps

Pour plus d’informations, voir ces articles complémentaires.Check out these additional articles for more information.

Informations de référenceReference