Comment utiliser le partage en direct de Visual Studio Code pour la programmation collaborative
Que vous fassiez vos premiers pas dans l’apprentissage d’un langage de programmation ou que vous soyez un codeur expérimenté, la collaboration est la clé de l’amélioration. Des concepts tels que la programmation en binôme sont courants dans les entreprises modernes, mais quelles sont les options de collaboration à domicile ?
De nombreuses équipes utilisent des outils comme Slack et Discord pour rester connectées en équipe. Le contrôle de version permet aux utilisateurs de collaborer sur des projets et de les synchroniser avec le même référentiel en ligne.
Ces outils sont formidables, mais que se passerait-il s’il existait un moyen de combiner ces concepts dans un IDE ? Microsoft a trouvé la réponse dans Live Share pour Visual Studio (VS) Code et Visual Studio. Le guide d’aujourd’hui se concentrera sur VS Code.
(Si vous ne savez toujours pas si vous devez choisir Visual Studio Code plutôt qu’Atom, nous pouvons vous aider à décider.)
Qu’est-ce que VS Live Share ?
VS Live Share permet à deux personnes ou plus de collaborer sur du code en temps réel à l’aide d’un compte Microsoft ou GitHub. Une session Live Share standard prend en charge jusqu’à cinq utilisateurs simultanés, mais peut être étendue à 30 en modifiant les paramètres. Alors que seuls les utilisateurs connectés peuvent contribuer au code, les invités peuvent regarder les sessions et participer au chat en direct.
Le pack d’extension VS Live Share comprend l’audio, permet aux utilisateurs de partager des appels et des intégrations pour Slack et Discord. Outre ses avantages évidents pour les télétravailleurs, Live Share est également un outil pédagogique. Les terminaux et les serveurs partageables font de Live Share l’outil de classe idéal.
Faire une vidéo du jour
Configurer Visual Studio Code pour la collaboration
VS Code est gratuit et disponible pour Windows, macOS et Linux. Si vous n’êtes pas déjà un utilisateur de VS Code, téléchargez-le et installez-le avant de continuer.
Pour installer VS Live Share, ouvrez VS Code et ouvrez étendre Onglets dans la barre d’outils de gauche.Alternativement, vous pouvez utiliser des raccourcis clavier Ctrl-Maj-X. chercher avec partage en temps réel dans la barre de recherche.
En plus de VS Live Share, Microsoft a publié des outils supplémentaires pour communiquer via un logiciel externe et audio.Installer avec partage en temps réel de même que Pack d’extension VS Live ShareCliquez après l’installation Recharger Rechargez Visual Studio Code sous toutes les extensions de la liste et activez-les.
Lors du rechargement, vous remarquerez plusieurs nouvelles icônes dans la barre d’outils, un hacher Symboles représentant les panneaux d’intégration Slack et Discord, et La Flèche Symbole du panneau Live Share.
Configurer une session partagée dans VS Code
La configuration d’une session partagée est assez simple. Ouvrez l’onglet VS Live Share dans la barre d’outils de gauche.cette détails de la session fenêtre propose trois options de partage de code :
- Rejoindre une session collaborative: Utilisez ceci pour rejoindre la session de quelqu’un d’autre, à condition qu’il vous donne une URL.
- Démarrer une session de collaboration: Utilisez ceci pour créer votre propre session de collaboration où d’autres utilisateurs peuvent modifier le code.
- Démarrer une session de collaboration en lecture seule: utilisez ceci pour créer des sessions collaboratives où les utilisateurs peuvent afficher mais pas modifier le code.
En cliquant sur l’un d’entre eux, vous serez invité à vous connecter à votre compte Microsoft ou GitHub et vous serez redirigé vers votre navigateur.Pour configurer une session de base, sélectionnez Démarrer une session de collaboration et choisissez un répertoire de travail lorsque vous y êtes invité. Connectez-vous et vous serez redirigé vers VS Code et invité à autoriser les autorisations de pare-feu.
Ce n’est pas obligatoire, mais recommandé pour la vitesse et la stabilité de la connexion.
La fenêtre d’informations en bas à droite contiendra votre lien de collaboration, ainsi que la possibilité de créer une salle lecture seulement et un lien vers plus d’informations sur le processus de partage.
Copiez votre lien dans le presse-papiers et donnez-le à un ami ou à un collègue qui a également installé VS Live Share, et vous êtes prêt à partir !
Collaboration de code de base dans VS Code
La collaboration de code ne change pas votre expérience de codage. Au lieu de cela, il ajoute une couche sur le dessus. La création d’une session Live Share ouvre une fenêtre de chat. Tous les utilisateurs y ont accès, qu’ils soient connectés ou en lecture seule.
À tout moment pendant la collaboration, vous pouvez rouvrir la fenêtre de chat, obtenir l’URL de partage ou mettre fin à la session à l’aide du panneau Live Share.
Maintenant, ouvrez n’importe quel fichier sur lequel vous souhaitez collaborer et commencez à coder comme d’habitude. Les participants utilisant le même script que vous ont un curseur de couleur indiquant où ils travaillent. En plus de les voir fonctionner en temps réel, les faits saillants peuvent être partagés pour signaler facilement les erreurs et les modifications suggérées.
La collaboration peut se produire sur n’importe quel fichier du répertoire du projet, et vous pouvez voir les scripts sur lesquels tout le monde travaille dans le panneau Live Share.Vous pouvez également partager le terminal VS Code lecture seulement et lire écrire mode, et un serveur local pour travailler avec JavaScript ou d’autres projets Web.
Suivre et suivre les collaborateurs
Parfois, vous aurez envie d’expliquer quelque chose qui doit aller au-delà d’un script. Les utilisateurs peuvent se suivre en cliquant sur leur nom dans le panneau Live Share. Maintenant, où qu’ils aillent dans le projet, vous serez attiré par eux pour voir ce qu’ils ont fait.
Encore une fois, cliquez sur le petit haut-parleur dans le panneau Détails de la session se concentrer Participants de votre vue actuelle.
C’est pratique lorsque vous avez besoin d’attirer rapidement l’attention de tout le monde sur une partie spécifique d’un projet. À partir de ce moment, les participants dédiés peuvent choisir de continuer à vous suivre.
Utilisation de l’audio dans VS Live Share
Le pack d’extension VS Live Share inclut l’intégration audio. Le démarrage d’une session ajoute une nouvelle salle.Pour entrer dans la salle, cliquez Rejoindre un appel audio en dessous de vocal languette Partagez en temps réel panneau de commande.
Tous les collaborateurs et invités peuvent répondre au téléphone, parfait pour collaborer, enseigner ou montrer à l’équipe comment se déroule un projet. Les paramètres d’appel sont accessibles en cliquant avec le bouton droit sur un appel actif ou en cliquant sur la roue dentée.
Cliquer sur le symbole de déconnexion rouge quitte la salle de discussion, mais elle est accessible tant que la conversation reste active.
Intégration Slack avec VS Code
Configurer Slack dans VS Code est facile.Cliquez sur le logo Slack dans le panneau de gauche et sélectionnez donner du mouCela vous amènera à une fenêtre de navigateur pour autoriser VS Code à accéder à l’espace de travail.
Vous devez être administrateur pour autoriser l’application VS Code Slack. Une fois lié, l’espace de travail Slack apparaîtra comme un autre onglet dans VS Code.
La configuration de Discord est un processus similaire, mais il convient de noter qu’actuellement, un seul service semble être intégré à la fois.
Sécurité et confidentialité dans VS Live Share
VS Live Share est un excellent outil pour tous les types de codeurs, mais il comporte certaines considérations de sécurité. L’ouverture des extensions et la facilité de partage de code peuvent être abusées.
Étant donné que même les visiteurs en lecture seule peuvent discuter dans le chat, les personnes qui ne devraient pas recevoir le lien partagé pourraient mal se comporter.
Live Share permet également de partager le terminal en mode lecture/écriture. Cela crée un risque de sécurité important pour les mauvais acteurs.
En bref, faites attention à qui vous partagez le lien Live Share et réfléchissez bien avant d’autoriser les autres à modifier et les autorisations du terminal.
La collaboration est une avancée dans Visual Studio Code
Ces extensions sont des exemples d’intégration de base avec VS Code. Les utilisateurs expérimentés connaissent déjà d’autres moyens d’aider à la complétion de code, au linting et aux tests. Live Share permet également aux gens d’apprendre en classe et à distance – mais l’auto-apprentissage grâce à d’excellents cours en ligne est toujours important.
N’oubliez pas qu’avec VS Code, vous pouvez également coder dans le navigateur à l’aide de Microsoft Visual Studio Online.
A propos de l’auteur
