*** # Bruke en kodeeditor: Mestre [VSCode.dev](https://vscode.dev) **Velkommen!** Denne leksjonen tar deg fra grunnleggende til avansert bruk av [VSCode.dev](https://vscode.dev)—den kraftige, nettbaserte kodeeditoren. Du vil lære å redigere kode med selvtillit, administrere prosjekter, spore endringer, installere utvidelser og samarbeide som en proff—alt fra nettleseren, uten behov for installasjon. *** ## Læringsmål Ved slutten av denne leksjonen vil du kunne: - Effektivt bruke en kodeeditor på ethvert prosjekt, hvor som helst - Sømløst spore arbeidet ditt med innebygd versjonskontroll - Tilpasse og forbedre utviklingsarbeidsflyten din med editorinnstillinger og utvidelser *** ## Forutsetninger For å komme i gang, **registrer deg for en gratis [GitHub](https://github.com)-konto**, som lar deg administrere koderepositorier og samarbeide globalt. Hvis du ikke har en konto ennå, [opprett en her](https://github.com/). *** ## Hvorfor bruke en nettbasert kodeeditor? En **kodeeditor** som VSCode.dev er ditt kontrollsenter for å skrive, redigere og administrere kode. Med et intuitivt grensesnitt, mange funksjoner og umiddelbar tilgang via nettleseren kan du: - Redigere prosjekter på hvilken som helst enhet - Unngå bryet med installasjoner - Samarbeide og bidra umiddelbart Når du er komfortabel med VSCode.dev, vil du være klar til å takle kodingsoppgaver hvor som helst, når som helst. *** ## Komme i gang med VSCode.dev Naviger til **[VSCode.dev](https://vscode.dev)**—ingen installasjon, ingen nedlastinger. Ved å logge inn med GitHub får du full tilgang, inkludert synkronisering av innstillinger, utvidelser og repositorier. Hvis du blir bedt om det, koble til GitHub-kontoen din. Etter at arbeidsområdet er lastet inn, vil det se slik ut: , ⚙️ (Innstillinger), filer, kildekontroll osv. - **Sidepanel:** Endrer kontekst basert på ikonet valgt i aktivitetslinjen (standard er *Utforsker* for å vise filer). - **Editor/kodeområde:** Den største seksjonen til høyre—hvor du faktisk redigerer og ser kode. Klikk gjennom ikonene for å utforske funksjoner, men gå tilbake til _Utforsker_ for å holde oversikten. *** ## Åpne et GitHub-repositorium ### Metode 1: Fra editoren 1. Gå til [VSCode.dev](https://vscode.dev). Klikk **"Open Remote Repository."** .  og trykk Enter. Hvis det lykkes, vil du se hele prosjektet lastet inn og klart til redigering! *** ### Metode 2: Direkte via URL Endre hvilken som helst GitHub-repo-URL for å åpne direkte i VSCode.dev ved å erstatte `github.com` med `vscode.dev/github`. F.eks.: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Denne funksjonen gir lynrask tilgang til HVERT prosjekt. *** ## Redigere filer i prosjektet ditt Når repositoriet ditt er åpnet, kan du: ### 1. **Opprette en ny fil** - I *Utforsker*-sidepanelet, naviger til ønsket mappe eller bruk roten. - Klikk på _‘Ny fil ...’_-ikonet. - Navngi filen din, trykk **Enter**, og filen vises umiddelbart.  og slettinger (rød).  *** ## Videre utforskning og selvstudium - Gå dypere med [de offisielle VSCode Web-dokumentene](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Utforsk avanserte arbeidsområdefunksjoner, hurtigtaster og innstillinger. *** **Nå er du klar til å kode, skape og samarbeide—fra hvor som helst, på hvilken som helst enhet, ved hjelp av VSCode.dev!** --- **Ansvarsfraskrivelse**: Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi tilstreber nøyaktighet, vær oppmerksom på at automatiserte oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på sitt opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.