Que vous appreniez les premiers pas d'un langage de programmation ou que vous soyez un codeur chevronné, la collaboration est la clé de l'amélioration. Des concepts tels que la programmation en binôme sont répandus dans les entreprises modernes, mais quelles sont les options de collaboration à domicile ?
De nombreuses équipes utilisent des outils comme Slack et Discord pour rester en contact en tant que groupe. Le contrôle de version permet aux utilisateurs de collaborer sur un projet et de le synchroniser avec le même référentiel en ligne.
Ces outils sont fantastiques, mais que se passerait-il s'il existait un moyen de combiner ces concepts dans un IDE ? Microsoft a 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.)
VS Live Share permet à deux personnes ou plus de collaborer sur du code en temps réel à l'aide de comptes Microsoft ou GitHub. Les sessions Live Share standard prennent en charge jusqu'à cinq utilisateurs simultanés, bien que cela s'étende à 30 en modifiant les paramètres. Bien que seuls les utilisateurs connectés puissent contribuer au code, les invités peuvent regarder la session et participer au chat en direct.
Le pack d'extension VS Live Share inclut l'audio, permettant aux utilisateurs de partager un appel, et des intégrations pour Slack et Discord. Outre les avantages évidents pour les travailleurs à distance, Live Share est également un outil pédagogique. Les terminaux et les serveurs partageables font de Live Share l'outil pédagogique parfait pour la classe.
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 les Extensions onglet dans la barre d'outils de gauche. Vous pouvez également utiliser le raccourci clavier Ctrl-Maj-X . Recherchez VS Partage en direct dans la barre de recherche.
Parallèlement à VS Live Share, Microsoft a publié des outils supplémentaires pour la communication via des logiciels externes et audio. Installez VS Live Share avec le pack d'extension VS Live Share . Une fois installé, cliquez sur recharger sous l'une des extensions de la liste pour recharger le code Visual Studio et les activer.
Lors du rechargement, vous remarquerez quelques nouvelles icônes dans la barre d'outils, un dièse symbole désignant le panneau d'intégration Slack et Discord, et une flèche symbole pour le panneau Live Share.
La configuration d'une session de partage est assez simple. Ouvrez l'onglet VS Live Share dans la barre d'outils de gauche. Les détails de la session fenêtre donne trois options pour le partage de code :
En cliquant sur l'un d'entre eux, vous serez invité à vous connecter à vos comptes Microsoft ou GitHub et à vous rediriger vers le navigateur. Pour configurer une session de base, sélectionnez Démarrer la session de collaboration et sélectionnez un répertoire de travail lorsque vous y êtes invité. Connectez-vous et vous serez redirigé vers VS Code et invité à autoriser l'autorisation du pare-feu.
Ce n'est pas essentiel, bien que recommandé pour la vitesse et la stabilité de la connexion.
Une fenêtre d'informations dans le coin inférieur droit contiendra votre lien de collaboration, ainsi que des options pour rendre la salle en lecture seule 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 !
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. Ceci est accessible à tous les utilisateurs, qu'ils soient connectés ou en lecture seule.
À tout moment pendant la collaboration, vous pouvez rouvrir la fenêtre de discussion, obtenir l'URL de partage ou mettre fin à la session à l'aide du panneau de partage en direct.
Maintenant, ouvrez n'importe quel fichier sur lequel vous souhaitez collaborer et commencez à coder comme d'habitude. Les participants travaillant sur le même script que vous ont chacun un curseur de couleur indiquant où ils travaillent. En plus de les voir fonctionner en temps réel, la surbrillance est également partagée, ce qui permet de signaler facilement les erreurs et les modifications suggérées.
La collaboration peut avoir lieu sur tous les fichiers du répertoire du projet et vous pouvez voir sur quel script tout le monde travaille dans le panneau Live Share. Vous pouvez également partager le terminal VS Code en lecture seule et lire/écrire modes et un serveur local pour travailler sur JavaScript ou d'autres projets Web.
Parfois, vous voudrez expliquer quelque chose qui nécessite d'aller au-delà d'un script. Les utilisateurs peuvent se suivre en cliquant sur leur nom dans le panneau Live Share. Maintenant, peu importe où ils vont dans le projet, vous serez entraîné avec eux pour voir ce qu'ils font.
De même, en cliquant sur le petit mégaphone dans le panneau Détails de la session Focus participants à votre vue actuelle.
C'est pratique lorsque vous devez attirer rapidement l'attention de tout le monde sur une partie spécifique du projet. Les participants ciblés ont la possibilité de continuer à vous suivre à partir de ce moment.
Le pack d'extension VS Live Share inclut l'intégration pour l'audio. Commencer une session ajoute une nouvelle salle. Pour entrer dans la salle, cliquez sur Rejoindre l'appel audio sous Audio de l'onglet Partage en direct panneau.
Tous les collaborateurs et invités ont accès à l'appel, ce qui le rend parfait pour collaborer, enseigner ou présenter à un groupe l'avancement d'un projet. Les paramètres de l'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 chat, bien qu'elle reste accessible tant que la session reste active.
La configuration de Slack dans VS Code est simple. Cliquez sur le logo Slack dans le panneau de gauche, puis sélectionnez Configurer Slack . Cela vous amènera à une fenêtre de navigateur pour autoriser VS Code à accéder à l'espace de travail.
Vous devrez être un administrateur pour autoriser l'application VS Code Slack. Une fois lié, l'espace de travail Slack s'affichera sous la forme d'un autre onglet dans VS Code.
La configuration de Discord est un processus similaire, mais il convient de noter qu'il semble qu'actuellement, un seul des services puisse être intégré à la fois.
VS Live Share est un outil fantastique pour les codeurs de tous types, mais il comporte certaines considérations de sécurité. La nature ouverte de l'extension combinée à la facilité de partage de votre code peut être abusée.
Étant donné que même les invités en lecture seule peuvent parler dans le chat, il existe un risque de comportement inapproprié de la part de personnes qui n'auraient pas dû recevoir le lien partagé.
Live Share permet également de partager le terminal en mode lecture/écriture. Cela pose un risque de sécurité important entre de mauvaises mains.
En bref, faites attention avec qui vous partagez votre lien de partage en direct et réfléchissez bien avant d'accorder des privilèges d'édition et de terminal à des personnes.
Ces extensions sont des exemples d'intégrations de base avec VS Code. Les utilisateurs chevronnés en connaîtront déjà beaucoup d'autres qui aident à l'achèvement du code, au peluchage et aux tests. Live Share permet également aux gens d'apprendre à la fois en classe et à distance, mais l'auto-apprentissage avec un excellent cours en ligne est toujours important.
Et rappelez-vous, en utilisant VS Code, vous pouvez également coder dans votre navigateur avec Microsoft Visual Studio Online.
