Introduktion
Visual Studio Code (VS Code) er en af de mest populære kodeeditorer i teknologiindustrien, da den tilbyder robuste funktioner og et letvægtsdesign, der har gjort den til den foretrukne kodeeditor for udviklere verden over. Dens popularitet kan til dels tilskrives dets tilpassede udseende, som giver os mulighed for at skabe smarte og iøjnefaldende kodningsrum. I denne artikel vil vi undersøge, hvordan du tilpasser dit vs kode-udseende til dine præferencer, herunder kodeeditor-temaer, ikontemaer og farveændringer på værktøjslinjen.
Ikontemaer
Selvom Visual Studio Codes standardikoner er fine, hvorfor begrænse dig til dem, når du kan have en visuel fest? Du kan ændre udseendet af din filstifinder med ikontemaer, som forbedrer både dens visuelle appel og brugervenlighed.
Et af de mest populære valg blandt udviklere er udvidelsen Material Icon Theme. Med denne udvidelse vil din filstifinder have en farverig og velorganiseret samling af ikoner, modelleret efter Googles Material Design. Hver filtype har sit eget karakteristiske og øjeblikkeligt identificerbare ikon, som får dit arbejdsområde til at se bedre ud generelt.
Følg disse trin for at installere Material Icon Theme-udvidelsen:
-
Åbn Visual Studio Code.
-
Gå til Udvidelsesvisningen ved at klikke på Udvidelsesikonet i værktøjslinjen i venstre side af vinduet.
-
Søg efter "Material Icon Theme", og klik på installer.
Efter installationen skal du klikke på tandhjulsikonet i nederste venstre hjørne og vælge "File Icon Theme" for at vælge Material Icon Theme.
Kodeeditor-temaer
Nu hvor din filstifinder ser godt ud, lad os fokusere på selve kodeeditoren. Selvom VS Codes standard lyse og mørke temaer er fantastiske, er der lejligheder, hvor du gerne vil have noget lidt mere personligt og stilfuldt.
En god mulighed som tema, især for dem, der hellere vil kode i mørket, er Night Owl-temaudvidelsen. Night Owl, som blev skabt med kontrast og læsbarhed i tankerne, har et beroligende farveskema, der hjælper med at lindre øjenbelastning under længere kodningssessioner.
Sådan installerer du Night Owl-temaudvidelsen:
Naviger til visningen Udvidelser.
Søg efter "Night Owl", og klik på installer.
Efter installationen skal du vælge Night Owl som dit tema ved at åbne kommandopaletten (Ctrl+Shift+P på Windows/Linux, Cmd+Shift+P på macOS), vælge "Farvetema" og vælge Night Owl fra listen over installerede temaer i din kodeeditor.
Værktøjslinjefarve
Nu hvor udseendet og fornemmelsen af din kodeeditor er perfekt, lad os tilpasse farven på værktøjslinjen for at lægge prikken over i'et. Det er her påfugleforlængelsen kommer i spil.
Takket være Peacock-udvidelsen kan du tilpasse dit arbejdsområde ved at ændre farven på værktøjslinjen på siden af din kodeeditor. Dette er ikke kun æstetisk tiltalende, men hvis du har flere forekomster af VS-kode åbne, kan det også hjælpe dig med at skelne mellem dem.
Sådan installeres Peacock-udvidelsen:
-
Gå til visningen Udvidelser.
-
Søg efter "Peacock", og klik på installer.
Efter installationen kan du tilpasse farven på værktøjslinjen ved at åbne kommandopaletten, søge efter "Peacock: Indtast en farve" og derefter sætte hex-værdien for den farve, du vil indstille til din vs kode-værktøjslinje.
Konklusion
Tilpasning af Visual Studio-kode er mere end blot at skifte farver. Du skal også skabe et kodningsmiljø, der matcher din stil og øger produktiviteten. Så du er velkommen til at lege rundt og skabe et kodningsområde, der stimulerer din fantasi med hensyn til udseende såvel som at udforske andre smarte funktioner i den fantastiske VS-kode. God kodning!
