Introduksjon
Visual Studio Code (VS Code) er en av de mest populære koderedigererne i teknologibransjen, siden den tilbyr robuste funksjoner og en lett design som har gjort den til den foretrukne koderedaktøren for utviklere over hele verden. Dens popularitet kan delvis tilskrives dets tilpassbare utseende, som lar oss lage fancy og iøynefallende koderom. I denne artikkelen vil vi utforske hvordan du kan tilpasse vs kodeutseendet etter dine preferanser, inkludert koderedigeringstemaer, ikontemaer og fargeendringer på verktøylinjen.
Ikontemaer
Selv om Visual Studio Codes standardikoner er fine, hvorfor begrense deg til dem når du kan ha en visuell fest? Du kan endre utseendet til filutforskeren med ikontemaer, som forbedrer både den visuelle appellen og brukervennligheten.
Et av de mest populære valgene blant utviklere er Material Icon Theme-utvidelsen. Med denne utvidelsen vil filutforskeren din ha en fargerik og velorganisert samling av ikoner, modellert etter Googles Material Design. Hver filtype har sitt eget særegne og umiddelbart identifiserbare ikon, som får arbeidsområdet ditt til å se bedre ut totalt sett.
Følg disse trinnene for å installere Material Icon Theme-utvidelsen:
-
Åpne Visual Studio Code.
-
Gå til utvidelsesvisningen ved å klikke på utvidelsesikonet i verktøylinjen på venstre side av vinduet.
-
Søk etter "Material Icon Theme" og klikk installer.
Etter installasjonen klikker du på tannhjulikonet i nedre venstre hjørne og velger "File Icon Theme" for å velge Material Icon Theme.
Koderedigeringstemaer
Nå som filutforskeren din ser bra ut, la oss fokusere på selve koderedigeringsprogrammet. Selv om VS Codes standard lyse og mørke temaer er flotte, er det anledninger når du vil ha noe litt mer personlig og stilig.
Et godt alternativ som tema, spesielt for de som heller vil kode i mørket, er Night Owl-temautvidelsen. Night Owl, som ble laget med tanke på kontrast og lesbarhet, har et beroligende fargevalg som hjelper til med å lindre belastningen på øynene under lengre kodeøkter.
Slik installerer du Night Owl-temautvidelsen:
Naviger til utvidelsesvisningen.
Søk etter "Night Owl" og klikk på installer.
Etter installasjonen, velg Night Owl som tema ved å åpne kommandopaletten (Ctrl+Shift+P på Windows/Linux, Cmd+Shift+P på macOS), velg "Fargetema" og velg Night Owl fra listen over installerte temaer i koderedigeringsprogrammet ditt.
Verktøylinjefarge
Nå som utseendet og følelsen til kodeeditoren din er perfekt, la oss tilpasse fargen på verktøylinjen for å sette prikken over i'en. Her er hvor påfuglutvidelsen kommer inn i bildet.
Takket være Peacock-utvidelsen kan du tilpasse arbeidsområdet ditt ved å endre fargen på verktøylinjen på siden av koderedigeringsprogrammet. Ikke bare er dette estetisk tiltalende, men hvis du har flere forekomster av VS-kode åpne, kan det også hjelpe deg med å skille mellom dem.
Slik installerer du Peacock-utvidelsen:
-
Gå til utvidelsesvisningen.
-
Søk etter "Peacock" og klikk installer.
Etter installasjonen kan du tilpasse fargen på verktøylinjen ved å åpne kommandopaletten, søke etter "Peacock: Angi en farge," og deretter sette inn hex-verdien til fargen du vil angi for vs-kodeverktøylinjen.
Konklusjon
Å tilpasse Visual Studio-kode er mer enn bare å endre farger. Du må også lage et kodemiljø som matcher stilen din og øker produktiviteten. Så lek deg gjerne og lag et kodeområde som stimulerer fantasien din når det gjelder utseende, i tillegg til å utforske andre fancy funksjoner i den fantastiske VS-koden. Lykke til med koding!
