Øvelse – utforsk brukergrensesnittet for Visual Studio Code

  • 6 minutter

Visual Studio Code tilbyr verktøy for utviklere som nettopp har startet, men som også er utvidbare og avanserte nok for profesjonelle utviklere.

I denne øvelsen åpner du Visual Studio Code og fullfører en rask innføring i brukergrensesnittet.

Åpne Visual Studio Code, og undersøk velkomstsiden

  1. Bruk Start-menyen i Windows til å åpne Visual Studio Code.

    Hvis du åpner Start-menyen i Windows, skal du se Visual Studio Code oppført som et nylig lagt til program. Du kan også bla nedover for å finne Visual Studio Code.

    Et annet alternativ er å skrive inn Visual Studio Code i Windows Search-boksen på startstatusfeltet nederst på skjermen.

  2. Legg merke til at Visual Studio Code åpnes på en velkomstside som inneholder noen koblinger og annen informasjon.

    Første gang du åpner Visual Studio Code, viser velkomstsiden noen nyttige gjennomganger, for eksempel Kom i gang med VS Code-innhold . Du kan undersøke denne informasjonen på fritiden en annen gang.

  3. Hvis du vil lukke velkomstsiden, velger du Lukk-knappen (vist som en X i grensesnittet).

    Hver side som er åpen i redigeringsprogrammet, inneholder en Lukk-knapp (X) som er plassert til høyre for sidetittelen. Velkomstsidefanen vises øverst til venstre i Visual Studio Code-vinduet under Hovedmenyen. Hvis du holder musepekeren over X, vises ordet Lukk .

Undersøk aktivitetsfeltet og sidestolpen

  1. Legg merke til at sidestolpen til høyre for aktivitetslinjen er skjult.

    Du husker kanskje at aktivitetslinjen er den loddrette listen over ikoner helt til venstre i Visual Studio Code-vinduet. Innholdet i sidestolpen er avhengig av hva som for øyeblikket er valgt fra aktivitetslinjen.

  2. Plasser musepekeren over aktivitetslinjen, og hold musepekeren over hvert av ikonene for å vise etiketter.

    En etikett vises når du holder pekeren over ikonene. Du skal se aktivitetslinjeknappene som vises i følgende bilde:

    Skjermbilde som viser Visual Studio Code Activity-linjen med merkede ikoner.

    Fra topp til bunn er ikonene for aktivitetslinjen: Explorer, Søk, Kildekontroll, Kjør og Feilsøking, Utvidelser, Kontoer og Administrer.

  3. Velg Explorer på aktivitetslinjen.

    Sidelinjen skal åpne og vise kontekstuell informasjon.

  4. Legg merke til at sidestolpen nå er merket EXPLORER.

    EXPLORER-visningen brukes til å få tilgang til/utforske prosjektmapper og kodefiler.

    Visual Studio Code husker arbeidsloggen og åpner de nyeste prosjektfilene når den åpnes. Siden dette er første gang du har åpnet Visual Studio Code, åpnes ingen prosjektmappe.

  5. Velg Utvidelserpå aktivitetslinjen.

  6. Legg merke til at sidestolpen nå er merket EXTENSIONS.

  7. Ta deg tid til å undersøke informasjonen som vises i EXTENSIONS-visningen .

    Visual Studio Code-utvidelser gjør det mulig å legge til kodespråk, feilsøkingsverktøy og andre verktøy i miljøet til støtte for utviklingsarbeidsflyten. Du installerer en C#-utvidelse senere i denne modulen.

  8. Velg Utvidelser på aktivitetslinjen for å lukke UTVIDELSER-sidelinjen.

Undersøk de øverste menyalternativene

  1. Hvis du vil vise alternativene for Fil-menyen, velger du Fil.

  2. Legg merke til alternativene Ny, Åpne, Lagre og Lukk oppført på Fil-menyen .

  3. Ta et minutt å undersøke menyalternativene Rediger , og deretter hvert av de andre menyelementene på øverste nivå.

  4. Legg merke til at flere av menyene inneholder alternativer for samhandling med koden.

    For eksempel:

    • Rediger-menyen inneholder alternativer for å finne, erstatte og veksle kodekommentarer, i tillegg til standard klipp ut, kopier, lim inn, angre og gjøre om.
    • Valg-menyen inneholder alternativer for å velge og manipulere kodelinjer.
    • Kjør-menyen inneholder alternativer for å kjøre og feilsøke programmet.

  5. Velg Ny terminalpå Terminal-menyen.

  6. Ta deg tid til å undersøke innholdet i Terminal-panelet.

    Du kan bytte mellom fanene (PROBLEMER, UTDATA, FEILSØKINGSKONSOLL og TERMINAL) og holde musepekeren over knappene (øverst til høyre) for å vise knappeetikettene.

  7. Legg merke til at Terminal-panelet inneholder en ledetekst.

    Terminalpanelet kan brukes til å kjøre kommandolinjegrensesnittkommandoer (CLI). Du skal bruke .NET CLI-kommandoer senere i denne modulen.

  8. Velg X (Lukk panel) øverst til høyre i terminalpanelet.

  9. Velg Kommandopalett på Vis-menyen

    Kommandopaletten kan brukes til å finne og kjøre alle slags nyttige kommandoer. Du har ikke tid (eller behovet) til å undersøke dem i detalj nå, men det er godt å vite hvor du finner kommandopaletten.

  10. Skriv inn filtyper ved ledeteksten for kommandopaletten

    Legg merke til at listen over kommandoer filtreres basert på oppføringen.

  11. Hvis du vil oppdatere den filtrerte listen over kommandoer, endrer du utvidelser for å hjelpe

  12. Velg Hjelp fra listen over kommandoalternativer : Interaktiv redigeringslekeplass.

    Redigeringslekeplass-dokumentet som åpnes i redigeringsprogrammet, inneholder en liste over interaktive aktiviteter.

  13. Velg Formatering fra punktlisten over interaktive aktiviteter.

  14. Ta deg tid til å lese om formateringsalternativene.

    Du kommer til å bruke kodeformateringskommandoer under aktiviteter etter hvert som du lærer mer om C#-programmering.

  15. Lukk lekeplassdokumentet for redigeringsprogrammet.

Dette fullfører omvisningen av brukergrensesnittet for Visual Studio Code. Når du begynner kodingen, fortsetter opplæringsmaterialet å påpeke hvordan Visual Studio Code kan bidra til å øke produktiviteten.