Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révisionLes deux révisions suivantes |
outils:vscode:liveshare [2021/08/11 09:19] – modification externe 127.0.0.1 | outils:vscode:liveshare [2021/08/11 18:20] – phil |
---|
{{ :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 ===== | ==== 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 collaboration === |
- **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|}} |