Komme i Gang med Visual Studio Codespaces – Cloud IDE

Visual Studio Codespaces (tidligere Visual Studio Online / VSO) web-basert IDE er nå tilgjengelig for bruk. Basert på Den populære Visual Studio Code editor, tilbyr den en kjent følelse og arbeidsområde for skriving og arbeid med kildekode.. Dette gir også muligheten til å støtte Visual Studio-Kodeutvidelser, men på dette tidspunktet vet vi ikke hvor mange ELLER HVILKE VS-Kodeutvidelser som skal støttes.



Opprette Din Første Visual Studio Codespace & Faktureringsplan

her er en oversikt over logge På Visual Studio Codespaces (Den Skybaserte IDE Fra Microsoft) og komme i gang med verktøyet.

  1. Start med å åpne en nettleser og navigere til https://online.visualstudio.com
  2. når du er logget inn, vil du for første gang se en skjerm som viser at du ikke har noen miljøer, med En Create Codespace-knapp.
     Komme I Gang Med Visual Studio Codespaces-Cloud IDE 1
  3. Klikk På Opprett Codespace-knappen.
  4. Dette åpner Ruten Opprett En Faktureringsplan. Du bruker dette til å angi Et Nytt Faktureringsplan For Visual Studio Codespaces som skal opprettes i Azure-Abonnementet.
    Komme i Gang Med Visual Studio Codespaces - Cloud IDE 2
    Angi følgende verdier i denne ruten:
    • Abonnement: Velg Azure-Abonnementet som påloggingen din har tilgang til, som du vil opprette Den nye Faktureringsplanen i.
    • Plassering: Velg Azure-Området For Å være vert For Faktureringsabonnementet.
  5. Du kan også utvide Avanserte Alternativer for å vise følgende konfigurasjon:
    • Plannavn: Angi navnet På Faktureringsplanen som skal opprettes i Azure-Abonnementet.
    • Ressursgruppe: Angi Navnet På Ressursgruppen som skal plasseres i Den nye Faktureringsplanen.
  6. Fyll ut de ønskede verdiene, og klikk Deretter På Opprett.
  7. Når Faktureringsplanen er opprettet, åpnes ruten Opprett Kodeområde automatisk.
  8. hvis du vil opprette Ditt Første Kodeområde, fyller du ut de nødvendige verdiene og klikker På Opprett. Du kan bruke følgende verdier til å prøve dette for første gang.
    • Codespace Name: Angi et navn for Det nye Codespace. Du bør bruke et navn som ligner på prosjektet eller oppgaven du skal bruke dette miljøet til.
    • Git Repository: Eventuelt angi Et Git repository for Dette Codespace å klone. Dette kan spesifiseres i to forskjellige formater:
      • GitHub Project URL: Du kan spesifisere hele NETTADRESSEN til hjemmesiden for Et GitHub-prosjekt. Slik som https://github.com/build5nines/az-kung-fu.
      • GitHub Kort Form: Du kan angi et skråstrek avgrenset formatert GitHub repository navn i formatet organization/repo; for eksempel build5nines/az-kung-fu.
    • Forekomsttype: Angi CPU-kjernen og Minnekonfigurasjonen som skal klargjøres For Visual Studio-Kodeområdet.
    • Suspend Idle Codespace after…: Angi hvor lang Tid Det Tar Før Codespace er suspendert automatisk når Det ikke er i bruk.
       Komme I Gang Med Visual Studio Codespaces-Cloud IDE 3
  9. Visual Studio Codespace som nettopp ble opprettet, åpnes nå for online code editor / IDE.

Komme i Gang Med Visual Studio Codespaces - Cloud IDE 4
Skjermbilde: Visual Studio Codespaces IDE


Rediger, Utfør, Synkroniser Kodeendringer ved Hjelp Av Visual Studio Codespaces

Her er en oversikt over å åpne Visual Studio Codespaces editor, gjøre noen kodeendringer og forplikte disse endringene tilbake til GitHub-Repositoriet for Et Codespace.

  1. i Arbeidsområderuten til venstre på skjermen klikker du på en fil i prosjektet for å åpne den i redigeringsprogrammet.

     Visual Studio Codespaces-Nettbasert Redigeringsprogram

    Visual Studio Codespaces-Nettbasert Redigeringsprogram
  2. Gjør noen endringer i filen, og lagre dem ved å klikke på hamburger-menyen øverst til venstre, og velg Fil Og Lagre.

     Visual Studio Codespaces-Fil Lagre Meny

    Visual Studio Codespaces-Fil Lagre Meny

    Merk: Du kan se at det finnes flere menyalternativer i Visual Studio Codespace editor, og at det er den SAMME VS-Kodestilen du har vokst til å elske.

  3. for å forplikte endringene til Visual Studio Online “local” Git Repository (som ble klonet Fra GitHub), klikk På Kildekontroll-fanen på venstre side av vinduet, og bruk DERETTER BRUKERGRENSESNITTET til å legge til endringer og forplikte dem.

    Visual Studio Codespaces - Kategorien Kildekontroll

    Visual Studio Codespaces-Kategorien Kildekontroll
  4. når endringene er begått, Kan du Synkronisere dem til GitHub-Depotet ved å klikke på ellipsen ( … ) i Kildekontroll-fanen, og deretter velge Synkroniseringsalternativet.

    Visual Studio Codespaces - Kategorien Kildekontroll-Sync-Menyen

    Visual Studio Codespaces - Kategorien Kildekontroll-Synkroniseringsmeny
  5. du vil bli bedt med en bekreftelse på at du vil “push and pull forplikter til og fra “origin / master””. Klikk OK for å fortsette Med Synkroniseringshandlingen.

     Visual Studio-Kodeområder-Bekreft Synkronisering

    Visual Studio Codespaces-Bekreft Synkronisering
  6. Første gang Du gjør Dette, Vil Visual Studio Online åpne en ny nettleserfane til GitHub-Autorisasjonssiden, slik at Du kan godkjenne Visual Studio-Kodeområder med de nødvendige tillatelsene den trenger mot GitHub for kontoen din.

     Visual Studio-Kodeområder spør etter GitHub-tillatelser

    Visual Studio Codespaces spør Etter GitHub-tillatelser
  7. Hvis Du Klikker På Godkjenn-knappen, autoriserer Du Visual Studio Codespaces for å få tilgang Til GitHub-Kontoen din.

  8. Når Visual Studio Codespaces er godkjent, vil Den fullføre Synkroniseringsoperasjonen mot GitHub-Depotet. Du kan nå navigere Til GitHub for å se commit har faktisk blitt synkronisert.


Installere Utvidelser I Visual Studio Codespaces

Visual Studio Codespaces web-basert editor er bygget på Grunnlaget For Visual Studio Code (VS Code). Som sådan deler den mange ting, inkludert et kjent brukergrensesnitt / opplevelse , og muligheten TIL å installere VS-Kodeutvidelser. Dette lar deg i hovedsak bruke SAMME VS Code editor Med Utvidelser installert fra nettleseren din, på hvilken som helst enhet!

Du kan installere Utvidelse På Visual Studio-Kodeområder på samme måte som å installere utvidelser I VS-Kode.

  1. Åpne Fanen Utvidelser ved å klikke på ikonet til venstre i redigeringsprogrammet
  2. Søk etter Og finn Ønsket Utvidelse (er).
  3. Klikk På Installer-knappen For Utvidelsen for å installere Den i Visual Studio Codespaces editor.
Komme i Gang Med Visual Studio Codespaces-Cloud IDE 5
Skjermbilde: Installere Utvidelser I Visual Studio Codespaces IDE


Visual Studio Codespaces-Ressurser I Azure-Abonnementet

når du oppretter En Faktureringsplan For Visual Studio Codespaces, faktureres denne planen mot Azure-Abonnementet. Dette betyr At Faktureringsplanen opprettes i Azure-Abonnementet ditt, og ligger sammen med Alle De Andre Azure-ressursene dine.

  • Komme I Gang Med Visual Studio Codespaces - Cloud IDE 6
    Kontra Codespaces Faktureringsplan i Azure
  • Komme i Gang Med Visual Studio Codespaces-Cloud IDE 7
    VS Codespaces Faktureringsplan I Ressursgruppe


Bryte Opp

Som Du kan se Visual Studio Codespaces (tidligere Visual Studio Online) er ganske lett å komme i gang med. Også ved Hjelp Av Visual Studio Code IDE brukergrensesnitt og erfaring GJØR VS Codespaces editor kjent å bruke. Du kan også installere Utvidelser I Visual Studio Codespaces!

Glad koding!

PS Opprinnelig annonsert I Mai 2019 Som Visual Studio Online (VSO), er det fantastisk å endelig få offentlig tilgang til og kunne begynne å prøve / bruke Visual Studio Codespaces.

Om Forfatteren

Microsoft mvp

Chris Er Grunnleggeren Av Build5Nines.com og En Microsoft MVP I Azure & IoT med 20 års erfaring med å designe Og bygge Sky & Bedriftssystemer . Han Er Også Microsoft-Sertifisert: Azure Solutions Architect, developer, Microsoft Certified Trainer (MCT) og Cloud Advocate. Han har en lidenskap for teknologi og deler det han lærer med andre for å hjelpe dem til å lære raskere og være mer produktive.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.