Mise en route avec Visual Studio Codespaces – Cloud ID

L’EDI basé sur le Web Visual Studio Codespaces (anciennement Visual Studio Online/VSO) est maintenant disponible pour être utilisé. Basé sur le populaire éditeur de code Visual Studio, il offre une sensation familière et un espace de travail pour écrire et travailler avec le code source.. Cela offre également l’extensibilité de la prise en charge des extensions de code Visual Studio, bien qu’à l’heure actuelle, nous ne savons pas combien ni quelles extensions de code VS seront prises en charge.

Création de votre premier espace de code Visual Studio & Plan de facturation

Voici un aperçu de la connexion à Visual Studio Codespaces (l’EDI basé sur le Cloud de Microsoft) et de la mise en route de l’outillage.

1. Commencez par ouvrir un navigateur Web et accédez à https://online.visualstudio.com
2. Une fois connecté, pour la première fois, vous verrez un écran indiquant que vous n’avez aucun environnement, avec un bouton Créer un espace de code.
   
3. Cliquez sur le bouton Créer un espace de code.
4. Cela ouvrira le volet Créer un plan de facturation. Vous l’utiliserez pour spécifier un nouveau plan de facturation Visual Studio Codespaces à créer dans votre abonnement Azure.
   
   Spécifiez les valeurs suivantes dans ce volet :
   • Abonnement : Choisissez l’Abonnement Azure auquel votre identifiant a accès et dans lequel vous souhaitez créer le nouveau Plan de facturation.
   • Emplacement: Choisissez la région Azure pour héberger le plan de facturation.
5. Vous pouvez éventuellement développer des Options avancées pour afficher la configuration suivante :
   • Nom du Plan : Spécifiez le nom du Plan de facturation à créer dans votre Abonnement Azure.Groupe de ressources
   • : Spécifiez le nom du Groupe de ressources dans lequel placer le nouveau Plan de facturation.
6. Remplissez les valeurs souhaitées, puis cliquez sur Créer.
7. Avec le Plan de facturation nouvellement créé, il ouvrira automatiquement le volet Créer un espace de code.
8. Pour créer votre premier espace de code, remplissez les valeurs requises, puis cliquez sur Créer. Vous pouvez utiliser les valeurs suivantes pour essayer ceci pour la première fois.
   • Nom de l’espace de code : Spécifiez un nom pour le nouvel espace de code. Vous devez utiliser un nom qui ressemble au projet ou à la tâche pour laquelle vous utiliserez cet environnement.
   • Dépôt Git : Spécifiez éventuellement un dépôt Git pour cet espace de code à cloner. Cela peut être spécifié dans deux formats différents :
     • URL du projet GitHub : Vous pouvez spécifier l’URL complète de la page d’accueil d’un projet GitHub. Tels que https://github.com/build5nines/az-kung-fu.
     • Forme abrégée GitHub : Vous pouvez spécifier un nom de référentiel GitHub formaté délimité par une barre oblique au format organization/repo; tel que build5nines/az-kung-fu.
   • Type d’instance : Spécifiez le cœur du processeur et la configuration de la mémoire qui seront provisionnés pour l’espace de code Visual Studio.
   • Suspendre l’espace de code inactif après… : Spécifie la durée jusqu’à ce que l’espace de code soit automatiquement suspendu lorsqu’il n’est pas utilisé.
     
9. L’espace de code Visual Studio qui vient d’être créé s’ouvrira désormais à l’éditeur de code en ligne/E.

Modifier, Valider, modifier un code de synchronisation à l’aide de Visual Studio Codespaces

Voici un aperçu de l’ouverture de l’éditeur de codes Visual Studio, des modifications de code et de la validation de ces modifications dans le référentiel GitHub pour un espace de code.

Installer des extensions dans Visual Studio Codespaces

L’éditeur Web Visual Studio Codespaces est construit sur la base du code Visual Studio (VS Code). En tant que tel, il partage beaucoup de choses, y compris une interface utilisateur / expérience familière et la possibilité d’installer des extensions de code VS. Cela vous permet d’utiliser essentiellement le même éditeur de code VS avec des extensions installées à partir de votre navigateur Web, sur n’importe quel appareil!

Vous pouvez installer l’extension sur Visual Studio Codespaces de la même manière que l’installation d’extensions dans VS Code.

Ressources Visual Studio Codespaces dans votre Abonnement Azure

Lorsque vous créez un plan de facturation Visual Studio Codespaces, ce plan est facturé sur votre abonnement Azure. Cela signifie que le Plan de facturation est créé dans votre abonnement Azure et réside aux côtés de toutes vos autres ressources Azure.

Comme vous pouvez le voir, les espaces de code Visual Studio (anciennement Visual Studio Online) sont assez faciles à démarrer. En outre, l’utilisation de l’interface utilisateur et de l’expérience de Visual Studio Code makes rend l’éditeur VS Codespaces familier à utiliser. Vous pouvez même installer des extensions dans Visual Studio Codespaces!

Bon codage!

PS Initialement annoncé en mai 2019 sous le nom de Visual Studio Online (VSO), il est incroyable d’avoir enfin un accès public et de pouvoir commencer à essayer / utiliser les espaces de code Visual Studio.

À propos de l’auteur

Chris est le fondateur de Build5Nines.com et un MVP Microsoft dans Azure & IoT avec 20 ans d’expérience dans la conception et la construction de systèmes d’entreprise Cloud &. Il est également certifié Microsoft : Architecte de Solutions Azure, développeur, Formateur Certifié Microsoft (MCT) et Défenseur du Cloud. Il a une passion pour la technologie et partage ce qu’il apprend avec les autres pour leur permettre d’apprendre plus rapidement et d’être plus productif.