| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| outils:vscode:liveshare [2021/08/11 09:19] – modification externe 127.0.0.1 | outils:vscode:liveshare [2025/06/19 19:29] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| {{ :suivant.png?nolink&30|}} {{ :retour.png?nolink&30|}} [[:outils:vscode:accueilvscode|{{ :iconemaison.jpg?nolink&30|Sommaire VSCode}}]] | [[:outils:vscode:accueilvscode|{{ :iconemaison.jpg?nolink&25|Sommaire VSCode}}]] |
| |
| ===== Travail collaboratif dans VSCode ===== | ==== IDE VSCode - Travail collaboratif ==== |
| |
| [Mise à jour le 22/3/2020] | [Mise à jour le 22/3/2020] |
| |
| {{ :arduino:vscode.png?nolink&200|}} | * **Source** |
| | * <html><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack" target="_blank">Live Share Extension Pack</a></html> |
| | * **Lectures connexes** |
| | * Pages d'accueil des wikis [[web:accueilweb|WebPEM]] et [[python:accueilpython|Python]] |
| |
| === Source === | ---- |
| * <html><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack" target="_blank">Live Share Extension Pack</a></html> | |
| |
| === Lectures connexes === | === Préambule === |
| * Pages d'accueil des wikis [[web:accueilweb|WebPEM]] et [[python:accueilpython|Python]] | |
| ==== Préambule ==== | |
| L'extension **Live Share** pour VS Code permet de collaborer en temps réel ! | L'extension **Live Share** pour VS Code permet de collaborer en temps réel ! |
| |
| {{ :outils:vscode:creermail.png?nolink&300 |}} | {{ :outils:vscode:creermail.png?nolink&300 |}} |
| |
| | === 1. Installer l'extension VS Live Share === |
| ==== 1. Installer l'extension VS Live Share ==== | |
| * Dans le gestionnaire d'extension {{:outils:vscode:icogestionnaire.png?nolink&25|}}, entrer //VS Live Share// et installer l'extension. Une fois l'extension installée, l'icône {{:outils:vscode:icolshare.png?nolink|}} apparaît dans la barre d'activité et l'icône ci-dessous dans la barre latérale. {{ :outils:vscode:lslaterale.png?nolink |}} | * Dans le gestionnaire d'extension {{:outils:vscode:icogestionnaire.png?nolink&25|}}, entrer //VS Live Share// et installer l'extension. Une fois l'extension installée, l'icône {{:outils:vscode:icolshare.png?nolink|}} apparaît dans la barre d'activité et l'icône ci-dessous dans la barre latérale. {{ :outils:vscode:lslaterale.png?nolink |}} |
| |
| * **Live Share Audio** | * **Live Share Audio** |
| |
| ==== 2. Configurer un compte ==== | === 2. Configurer un compte === |
| * Cliquer sur {{:outils:vscode:lslateralemin.png?nolink|}} pour s'identifier. La page ci-dessous propose de se connecter. | * Cliquer sur {{:outils:vscode:lslateralemin.png?nolink|}} pour s'identifier. La page ci-dessous propose de se connecter. |
| {{ :outils:vscode:connexionls.png?nolink&400 |}} | {{ :outils:vscode:connexionls.png?nolink&400 |}} |
| * Ce compte peut être modifié en cliquant sur {{:outils:vscode:lslateralemin.png?nolink|}} puis **sign out**. | * Ce compte peut être modifié en cliquant sur {{:outils:vscode:lslateralemin.png?nolink|}} puis **sign out**. |
| |
| ==== 3. Initier (démarrer) une collaboration ==== | === 3. Initier (démarrer) une session decollaboration === |
| - **Ouvrir** un projet | - **Ouvrir** un projet |
| - **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} | - **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} |
| - Ok, un **lien de partage** a été mémorisé dans le **presse-papier**.{{ :outils:vscode:ouvertsesssion5.png?nolink |}} | - Ok, un **lien de partage** a été mémorisé dans le **presse-papier**.{{ :outils:vscode:ouvertsesssion5.png?nolink |}} |
| |
| ==== 4. Envoyer le lien de partage ==== | === 4. Envoyer le lien de partage === |
| * **Ouvrir** un logiciel de messagerie et transmettre le lien de partage aux personnes avec lesquelles on souhaite collaborer. | * **Ouvrir** un logiciel de messagerie et transmettre le lien de partage aux personnes avec lesquelles on souhaite collaborer. |
| |
| Exemple : https://prod.liveshare.vsengsaas.visualstudio.com/join?8DCC019FF7CCB2... | Exemple : https://prod.liveshare.vsengsaas.visualstudio.com/join?8DCC019FF7CCB2... |
| |
| ==== 5. Se connecter à une session ==== | === 5. Se connecter à une session === |
| * **Ouvrir** le lien reçu par mail avec un navigateur. Une page s'ouvre comme sur la copie d'écran ci-dessous. | * **Ouvrir** le lien reçu par mail avec un navigateur. Une page s'ouvre comme sur la copie d'écran ci-dessous. |
| * **Sélectionner** VS Code pour lancer la session de collaboration. | * **Sélectionner** VS Code pour lancer la session de collaboration. |
| {{ :outils:vscode:ouvertsesssion6.png?nolink |}} | {{ :outils:vscode:ouvertsesssion6.png?nolink |}} |
| |
| ==== 6. Attirer l'attention des participants ==== | === 6. Attirer l'attention des participants === |
| * **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} | * **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} |
| * Dans {{:outils:vscode:ouvertsesssion11.png?nolink|}}, cliquer sur {{:outils:vscode:ouvertsesssion12.png?nolink|}} | * Dans {{:outils:vscode:ouvertsesssion11.png?nolink|}}, cliquer sur {{:outils:vscode:ouvertsesssion12.png?nolink|}} |
| ==== 7. Fermer une session ==== | |
| | === 7. Fermer une session === |
| * **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} | * **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} |
| * Dans {{:outils:vscode:ouvertsesssion7.png?nolink|}}, cliquer sur {{:outils:vscode:ouvertsesssion8.png?nolink|}} | * Dans {{:outils:vscode:ouvertsesssion7.png?nolink|}}, cliquer sur {{:outils:vscode:ouvertsesssion8.png?nolink|}} |
| ==== 8. Partager un terminal ==== | |
| | === 8. Partager un terminal === |
| * **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} | * **Cliquer** sur {{:outils:vscode:icolshare.png?nolink|}} |
| * Dans {{:outils:vscode:ouvertsesssion9.png?nolink|}}, cliquer sur {{:outils:vscode:ouvertsesssion10.png?nolink|}} | * Dans {{:outils:vscode:ouvertsesssion9.png?nolink|}}, cliquer sur {{:outils:vscode:ouvertsesssion10.png?nolink|}} |