Kom godt i gang med Visual Studio Codespaces – Cloud IDE

Visual Studio Codespaces (tidligere Visual Studio Online / VSO) internetbaseret IDE er nu tilgængelig til brug. Baseret på den populære Visual Studio Code editor tilbyder den en velkendt fornemmelse og arbejdsområde til at skrive og arbejde med kildekode.. Dette giver også udvidelsesmuligheden ved at understøtte Visual Studio – kodeudvidelser, selvom vi på dette tidspunkt ikke ved, hvor mange eller hvilke VS-Kodeudvidelser der understøttes.



oprettelse af dit første Visual Studio Codespace& faktureringsplan

her er en oversigt over at logge ind på Visual Studio Codespaces (den skybaserede IDE fra Microsoft) og komme i gang med værktøjet.

  1. start med at åbne en internetsøgemaskine og navigere til https://online.visualstudio.com
  2. når du først er logget ind, vil du for første gang se en skærm, der viser, at du ikke har nogen miljøer, med en Create Codespace-knap.
     Introduktion til Visual Studio Codespaces-Cloud IDE 1
  3. Klik på knappen Opret Codespace.
  4. dette åbner ruden Opret en faktureringsplan. Du vil bruge dette til at angive en ny Visual Studio Codespaces-faktureringsplan, der skal oprettes i dit abonnement.
    Kom godt i gang med Visual Studio Codespaces - Cloud IDE 2
    Angiv følgende værdier i denne rude:
    • abonnement: Vælg det abonnement, dit login har adgang til, som du gerne vil oprette den nye faktureringsplan inden for.
    • beliggenhed: Vælg det blå område for at være vært for Faktureringsplanen.
  5. du kan også udvide Avancerede indstillinger for at afsløre følgende konfiguration:
    • Plannavn: Angiv navnet på den faktureringsplan, der skal oprettes i dit abonnement.
    • ressourcegruppe: Angiv navnet på Ressourcegruppen, som den nye faktureringsplan skal placeres i.
  6. Udfyld de ønskede værdier, og klik derefter på Opret.
  7. med den nyoprettede faktureringsplan åbner den automatisk ruden Opret Codespace.
  8. for at oprette dit første Kodeområde skal du udfylde de krævede værdier og derefter klikke på Opret. Du kan bruge følgende værdier til at prøve dette for første gang.
    • Codespace Name: Angiv et navn til det nye Codespace. Du skal bruge et navn, der ligner det projekt eller den opgave, du vil bruge dette miljø til.
    • Git Repository: Angiv eventuelt et Git repository for dette Codespace at klone. Dette kan specificeres i to forskellige formater:
      • GitHub Project URL: du kan angive den fulde URL til hjemmesiden for et GitHub-projekt. Såsom https://github.com/build5nines/az-kung-fu.
      • Github kort formular: du kan angive et skråstreg afgrænset formateret GitHub repository navn i formatet organization/repo; såsom build5nines/az-kung-fu.
    • Instance Type: Angiv CPU kerne og hukommelse konfiguration, der vil blive klargjort til Visual Studio Codespace.
    • Suspend Idle Codespace efter…: Angiv længden af tid, indtil Codespace suspenderes automatisk, når den ikke er i brug.
       Introduktion til Visual Studio Codespaces-Cloud IDE 3
  9. Visual Studio Codespace, der netop blev oprettet, åbnes nu for online code editor / IDE.

Kom godt i gang med Visual Studio Codespaces - Cloud IDE 4
skærmbillede: Visual Studio Codespaces IDE


Rediger, begå, en Synkroniseringskode ændres ved hjælp af Visual Studio Codespaces

her er en oversigt over at åbne Visual Studio Codespaces editor, foretage nogle kodeændringer og begå disse ændringer tilbage til GitHub-depotet for et Codespace.

  1. i ruden arbejdsområde i venstre side af skærmen skal du klikke på en fil i projektet for at åbne den i editoren.

    Visual Studio Codespaces

    Visual Studio Codespaces-internetbaseret Editor
  2. foretag nogle ændringer i filen, gem dem derefter ved at klikke på hamburger-menuen øverst til venstre og vælge Fil og derefter gemme.

     Visual Studio Codespaces-Fil Gem Menu

    Visual Studio Codespaces-Fil Gem Menu

    Bemærk: Du kan se, at der er flere menupunkter tilgængelige i Visual Studio Codespace editor, og at det er den samme VS kode stil oplevelse, du er vokset til at elske.

  3. for at begå dine ændringer i Visual Studio Online “local” Git Repository (der blev klonet fra GitHub), skal du klikke på fanen kildekontrol i venstre side af vinduet og derefter bruge brugergrænsefladen til at tilføje ændringer og begå dem.

    Visual Studio Codespaces-kilde kontrol fane

    Visual Studio Codespaces-fanen kildekontrol
  4. når ændringerne er begået, kan du synkronisere dem til GitHub-arkivet ved at klikke på ellipsen (…) inden for fanen kildekontrol og derefter vælge synkroniseringsindstillingen.

    Visual Studio Codespaces-kilde kontrol fane-Sync Menu

    Visual Studio Codespaces - fanen kildekontrol-Synkroniser Menu
  5. du bliver bedt om en bekræftelse på, at du vil “skubbe og trække forpligter sig til og fra ‘Oprindelse/master'”. Klik på OK for at fortsætte med Synkroniseringshandlingen.

    Visual Studio Codespaces-Bekræft synkronisering

    Visual Studio Codespaces-Bekræft synkronisering
  6. første gang du gør dette, Visual Studio Online åbner en ny fane til Github autorisationssiden, så du kan godkende Visual Studio Codespaces med de nødvendige tilladelser, den har brug for mod GitHub til din konto.

     Visual Studio Codespaces prompt for GitHub tilladelser

    Visual Studio Codespaces beder om GitHub-tilladelser
  7. hvis du klikker på knappen Godkend, autoriseres Visual Studio Codespaces for at få adgang til din GitHub-konto.

  8. efter Visual Studio Codespaces er godkendt, vil det fuldføre Sync operation mod GitHub Repository. Du kan nu navigere til GitHub for at se, at forpligtelsen faktisk er blevet synkroniseret.


installer udvidelser i Visual Studio Codespaces

Visual Studio Codespaces er baseret på Visual Studio Code (VS Code). Som sådan deler den mange ting, herunder en velkendt brugergrænseflade / oplevelse, og evnen til at installere VS-Kodeudvidelser. Dette giver dig mulighed for i det væsentlige at bruge den samme VS Code editor med udvidelser installeret fra din internetsøgemaskine på enhver enhed!

du kan installere udvidelse på Visual Studio Codespaces på samme måde som installation af udvidelser i VS kode.

  1. Åbn fanen Udvidelser ved at klikke på ikonet i venstre side af editoren
  2. Søg efter og find din valgte udvidelse.
  3. Klik på knappen Installer for udvidelsen for at installere den i Visual Studio Codespaces editor.
Kom godt i gang med Visual Studio Codespaces-Cloud IDE 5
skærmbillede: Installer udvidelser i Visual Studio Codespaces IDE


Visual Studio Codespaces-ressourcer i dit abonnement

når du opretter en Visual Studio Codespaces-faktureringsplan, faktureres denne plan i forhold til dit abonnement. Det betyder, at Faktureringsplanen er oprettet i dit abonnement, og ligger sammen med alle dine andre ressourcer.

  • Kom godt i gang med Visual Studio Codespaces-Cloud IDE 6
    VS Codespaces
  • Kom godt i gang med Visual Studio Codespaces-Cloud IDE 7
    VS Codespaces faktureringsplan inden for Resource Group


Pak

som du kan se Visual Studio Codespaces (tidligere Visual Studio Online) er ret nemt at komme i gang med. Også ved hjælp af Visual Studio Code IDE brugergrænseflade og erfaring gør VS Codespaces editor bekendt at bruge. Du kan endda installere udvidelser i Visual Studio Codespaces!

glad kodning!

P. S. oprindeligt annonceret i maj 2019 som Visual Studio Online (VSO), er det fantastisk at endelig få offentlig adgang til og være i stand til at begynde at prøve / bruge Visual Studio Codespaces.

om forfatteren

Microsoft MVP

Chris er grundlæggeren af Build5Nines.com og en Microsoft MVP i blå & IoT med 20 års erfaring med at designe og bygge Cloud & Enterprise systems. Han er også Microsoft-certificeret: arkitekt, Udvikler, Microsoft Certified Trainer (MCT) og Cloud Advocate. Han har en passion for teknologi og deler det, han lærer, med andre for at hjælpe dem med at lære hurtigere og være mere produktive.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.