*** # Använda en kodredigerare: Mästra [VSCode.dev](https://vscode.dev) **Välkommen!** Den här lektionen tar dig från grunderna till avancerad användning av [VSCode.dev](https://vscode.dev)—den kraftfulla, webbaserade kodredigeraren. Du kommer att lära dig att redigera kod med självförtroende, hantera projekt, spåra ändringar, installera tillägg och samarbeta som ett proffs—allt direkt från din webbläsare, utan att behöva installera något. *** ## Lärandemål I slutet av denna lektion kommer du att kunna: - Effektivt använda en kodredigerare för vilket projekt som helst, var som helst - Sömlöst spåra ditt arbete med inbyggd versionskontroll - Anpassa och förbättra din utvecklingsarbetsflöde med redigerarinställningar och tillägg *** ## Förkunskaper För att komma igång, **registrera dig för ett gratis [GitHub](https://github.com)-konto**, vilket låter dig hantera kodarkiv och samarbeta globalt. Om du inte har ett konto ännu, [skapa ett här](https://github.com/). *** ## Varför använda en webbaserad kodredigerare? En **kodredigerare** som VSCode.dev är ditt kontrollcenter för att skriva, redigera och hantera kod. Med ett intuitivt gränssnitt, massor av funktioner och omedelbar åtkomst via webbläsaren kan du: - Redigera projekt på vilken enhet som helst - Undvika besväret med installationer - Samarbeta och bidra direkt När du är bekväm med VSCode.dev kommer du att vara redo att ta itu med kodningsuppgifter var som helst, när som helst. *** ## Kom igång med VSCode.dev Navigera till **[VSCode.dev](https://vscode.dev)**—ingen installation, inga nedladdningar. Genom att logga in med GitHub får du full åtkomst, inklusive synkronisering av dina inställningar, tillägg och arkiv. Om du blir ombedd, anslut ditt GitHub-konto. När du har laddat, kommer din arbetsyta att se ut så här: , ⚙️ (Inställningar), filer, versionskontroll, etc. - **Sidofält:** Ändrar kontext baserat på den ikon som valts i aktivitetsfältet (standard är *Utforskaren* för att visa filer). - **Redigerings-/kodområde:** Den största sektionen till höger—där du faktiskt redigerar och visar kod. Klicka igenom ikonerna för att utforska funktioner, men återgå till _Utforskaren_ för att hålla dig på rätt plats. *** ## Öppna ett GitHub-arkiv ### Metod 1: Från redigeraren 1. Gå till [VSCode.dev](https://vscode.dev). Klicka på **"Open Remote Repository."** .  och tryck på Enter. Om det lyckas, kommer du att se hela projektet laddat och redo att redigeras! *** ### Metod 2: Direkt via URL Förvandla vilken GitHub-repo-URL som helst för att öppna direkt i VSCode.dev genom att ersätta `github.com` med `vscode.dev/github`. Exempel: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Denna funktion ger snabb åtkomst till VILKET projekt som helst. *** ## Redigera filer i ditt projekt När ditt arkiv är öppet kan du: ### 1. **Skapa en ny fil** - I *Utforskaren*-sidofältet, navigera till önskad mapp eller använd roten. - Klicka på ikonen _‘Ny fil ...’_. - Namnge din fil, tryck på **Enter**, och din fil visas direkt.  och borttagningar (rött).  *** ## Vidare utforskning och självstudier - Fördjupa dig med [de officiella VSCode Web Docs](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Utforska avancerade arbetsytfunktioner, kortkommandon och inställningar. *** **Nu är du redo att koda, skapa och samarbeta—var som helst, på vilken enhet som helst, med VSCode.dev!** --- **Ansvarsfriskrivning**: Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, bör det noteras att automatiska översättningar kan innehålla fel eller felaktigheter. Det ursprungliga dokumentet på dess originalspråk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår vid användning av denna översättning.