*** # Brug af en kodeeditor: Bliv ekspert i [VSCode.dev](https://vscode.dev) **Velkommen!** Denne lektion tager dig fra det grundlæggende til avanceret brug af [VSCode.dev](https://vscode.dev)—den kraftfulde, webbaserede kodeeditor. Du lærer at redigere kode med selvtillid, administrere projekter, spore ændringer, installere udvidelser og samarbejde som en professionel—alt sammen direkte fra din browser, uden behov for installation. *** ## Læringsmål Ved afslutningen af denne lektion vil du kunne: - Effektivt bruge en kodeeditor til ethvert projekt, hvor som helst - Problemfrit spore dit arbejde med indbygget versionskontrol - Tilpasse og optimere din udviklingsarbejdsgang med editorindstillinger og udvidelser *** ## Forudsætninger For at komme i gang skal du **tilmelde dig en gratis [GitHub](https://github.com)-konto**, som giver dig mulighed for at administrere kodearkiver og samarbejde globalt. Hvis du ikke har en konto endnu, [opret en her](https://github.com/). *** ## Hvorfor bruge en webbaseret kodeeditor? En **kodeeditor** som VSCode.dev er dit kommandocenter til at skrive, redigere og administrere kode. Med en intuitiv grænseflade, masser af funktioner og øjeblikkelig adgang via browseren kan du: - Redigere projekter på enhver enhed - Undgå besværet med installationer - Samarbejde og bidrage med det samme Når du er fortrolig med VSCode.dev, vil du være klar til at tackle kodningsopgaver hvor som helst, når som helst. *** ## Kom godt i gang med VSCode.dev Gå til **[VSCode.dev](https://vscode.dev)**—ingen installation, ingen downloads. Når du logger ind med GitHub, får du fuld adgang, inklusive synkronisering af dine indstillinger, udvidelser og arkiver. Hvis du bliver bedt om det, skal du forbinde din GitHub-konto. Når du har indlæst, vil din arbejdsplads se sådan ud: , ⚙️ (Indstillinger), filer, kildekontrol osv. - **Sidebar:** Skifter kontekst baseret på det valgte ikon i aktivitetslinjen (standard er *Explorer* til visning af filer). - **Editor/kodeområde:** Det største område til højre—hvor du faktisk redigerer og ser kode. Klik på ikonerne for at udforske funktionerne, men vend tilbage til _Explorer_ for at holde styr på dit sted. *** ## Åbning af et GitHub-arkiv ### Metode 1: Fra editoren 1. Gå til [VSCode.dev](https://vscode.dev). Klik på **"Open Remote Repository."** .  og tryk Enter. Hvis det lykkes, vil du se hele projektet indlæst og klar til redigering! *** ### Metode 2: Direkte via URL Transformér enhver GitHub repo URL til at åbne direkte i VSCode.dev ved at 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 funktion giver lynhurtig adgang til ethvert projekt. *** ## Redigering af filer i dit projekt Når dit arkiv er åbent, kan du: ### 1. **Oprette en ny fil** - I *Explorer*-sidebaren skal du navigere til den ønskede mappe eller bruge roden. - Klik på _‘Ny fil ...’_ ikonet. - Navngiv din fil, tryk **Enter**, og din fil vises med det samme.  og sletninger (rød).  *** ## Yderligere udforskning og selvstudie - Gå dybere med [de officielle VSCode Web Docs](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Udforsk avancerede arbejdspladsfunktioner, tastaturgenveje og indstillinger. *** **Nu er du klar til at kode, skabe og samarbejde—fra hvor som helst, på enhver enhed, ved hjælp af VSCode.dev!** --- **Ansvarsfraskrivelse**: Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på at sikre nøjagtighed, skal det bemærkes, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det originale dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os ikke ansvar for eventuelle misforståelser eller fejltolkninger, der måtte opstå som følge af brugen af denne oversættelse.