Visual Studio Code gør redigering og skrivning af ny kode til en problemfri, sjov oplevelse. Det mørke standardtema for VS Code er designet til at være lettere for øjnene end en almindelig hård, hvid baggrund, som kan forårsage træthed efter lange arbejdstimer. Men hvad hvis du ikke rigtig kan lide de mørke farver på din skærm, mens du arbejder?
Fordelen ved VS Codes modulære design er, at du har en enorm frihed til at ændre det originale mørke tema med en masse forskellige tilpasningsmuligheder, der spænder over hele skærmfarve, skrifttyper og endda udseendet af selve VS Codes integrerede terminal.
Denne artikel vil fortælle dig alt hvad du behøver at vide om at ændre temaer i VS Code.
Sådan ændres tema i VS-kode
Det er hurtigt og nemt at ændre det overordnede tema i VS Code. Her er hvad du skal gøre:
- Åbn VS-kode.
- Vælg "Fil" ("Kode" på macOS), vælg "Indstillinger", og vælg derefter "Farvetema".
- VS Code vil vise dig et udvalg af forudbyggede temaer at vælge imellem i en rullemenu.
- Brug dine markørtaster til at se et eksempel på, hvordan hvert tema ser ud direkte på skærmen.
- Tryk på "Enter", mens du vælger for at vælge det tema, der skal bruges.
At ændre temaet til et andet prækonfigureret kan være den første ting, du gør, når du åbner VS Code for første gang. Kodning kan tage meget tid, så det er en fordel at bruge et tema, du er fortrolig med, og som ikke gør ondt i dine øjne, mens du arbejder.
Sådan ændres dit terminaltema i VS-kode
Hvis du vil holde dig til de flere forudkonfigurerede muligheder for terminalfarve og tema, er processen den samme som at ændre det overordnede tema. Alle de integrerede temaer inkluderer muligheder for at ændre din terminals udseende, men du kan ikke adskille den fra de andre dele af selve temaet fra hovedmenuen.
Før du bruger de førnævnte trin til at ændre temaet, skal du åbne terminalkonsollen (Ctrl + Shift + P) for at få vist de ændringer, der er foretaget på terminalen. Nogle temaer foretager ingen ændringer i terminalen, mens andre kan ændre den drastisk. Derudover er det heller ikke godt at bruge et tema, du kun kan lide moderat, da du måske kommer til at bruge terminalen mere, end du først troede.
Der er dog et par løsninger, der giver dig mulighed for at ændre terminaltemaet, som vi vil dække i sektionerne nedenfor.
Sådan ændres materialetema i VS-kode
VS Codes hovedfunktion er overfloden af spændende udvidelser til at tilpasse din kodningsoplevelse og bringe flere funktionaliteter til teksteditoren. En af sådanne udvidelser er Material Theme, en af de mest populære af sin slags på VS Code Marketplace.
Materialetema har en masse fordele i forhold til præ-tilpassede designs, men nogle brugere kan finde det mangler. Brugervejledningen til denne udvidelse indeholder et par tips til, hvordan du foretager yderligere ændringer, så de passer til dine behov. Sådan ændrer du det overordnede tema i Material Theme:
- Åbn hurtigmenuen (Ctrl + Shift + P).
- Skriv "tema" i prompten.
- Vælg "Præferencer: Farvetema".
- Vælg en af materialetemaets forudindstillinger.
Indstilling af en accentfarve vil få en del af koden til at poppe, hvilket kan være nyttigt, hvis det er en særlig vigtig eller besværlig linje at diagnosticere. Brug følgende trin for at indstille en accentfarve:
- Åbn hurtigmenuen (Ctrl + Shift + P).
- Skriv "materiale tema" i prompten.
- Vælg "Materialetema: Indstil accentfarve."
- Vælg den farve du kan lide fra listen.
Med et ændret materialetema kan du få tilpasning, der er over normen, og vi viser dig hvordan.
Sådan tilpasses et tema manuelt i VS-kode
VS-kode giver mulighed for meget mere tilpasning end blot at skifte mellem et par forudindstillinger. Her er to måder at tilpasse temaet efter din smag.
Metode 1 – Download et brugerdefineret tema
Når vi taler om tilpasning, kan vi ikke gå uden at nævne den ekspansive VS Code Marketplace. Der findes forskellige udvidelser, der udelukkende ændrer udseendet af VS Code uden at forstyrre dens funktionalitet. Sådan downloader du et tema.
- Åbn VS Code Marketplace. Du kan også bruge den integrerede "Udvidelser"-menu til venstre på skærmen.
- Indtast "tema" i søgefeltet for kun at gennemse de elementer, der ændrer temaet. En af vores bedste anbefalinger er materialetemaet nævnt ovenfor, men vi er sikre på, at du kan finde et, der passer dig bedst.
- Download udvidelsen (hvis du bruger en browser), og installer derefter .VSIX-filen ved at gå til "Udvidelser > ellipseikon > Installer fra VSIX." Alternativt, når du finder det tema, du kan lide i VS Code, skal du klikke på det og derefter vælge knappen "Installer" i detaljeringsmenuen (højre).
- Når temaet er installeret og aktiveret, skal du vælge det med kommandoen "Preferences: Color Theme".
Metode 2 – Redigering af temaet
Alle temaer og indstillinger er gemt i VS-kode ved hjælp af almindelig tekst. Følg trinene for at få adgang til disse indstillinger og foretage de ændringer, du ønsker:
- Opret en workbench eller brugerindstillingsfil. Førstnævnte vil kun ændre udseendet af det nuværende projekt, men sidstnævnte forbliver på tværs af nye projekter.
- Indtast kommandoen "Indstillinger: Åbn indstillinger" i hovedmenuen.
- Vælg fanen øverst til venstre for at vælge mellem bruger- og arbejdsbordindstillinger.
- Tryk på "Rediger i settings.json" for at åbne filen, der indeholder de indstillinger, du skal ændre.
- Find indstillingen med navnet "workbench.colorCustomizations".
- Fokuser på at ændre det tema, du ønsker, ved at sætte ind
"[Theme_name]": { }
Theme_name er navnet på det tema, du vil ændre. Gem citaterne.
- Yderligere ændringer af temaet er foretaget i de nye parenteser. Indtast navnet på den parameter, du vil ændre (i anførselstegn), skriv ':' og vælg derefter den passende indstilling, du har brug for.
- Brug denne guide til at finde de parametre, du vil ændre.
- Farver gemmes i hexadecimal kode. Brug en farve hexadecimal guide til at udpege den farve, du ønsker.
- Når du er færdig med ændringerne, skal du gemme filen.
Denne metode kan bruges til at ændre det meste af brugergrænsefladen og kodens udseende, inklusive grundtemaets farve, baggrunde, terminalens udseende, knapfarver og skrifttypestile.
Hvis du undrer dig over, hvordan du ændrer skrifttypen i VS-kode, skal du bruge metode 2 beskrevet ovenfor. Du skal sandsynligvis bruge en skrifttypevejledning.
Yderligere ofte stillede spørgsmål
Hvor er VS-kodetemaer gemt?
De temaer, der kommer fra udvidelser, er gemt i udvidelsesmappen i VS Code. Denne placering er i din installationsmappe (for eksempel C:) og kan normalt findes her:
~/.vscode/extensions
Her er "~" installationsmappen for VS Code.
Basistemaer er gemt i: Microsoft VS Code\ressourcer\app\extensions\theme-defaults\themes
Du behøver dog ikke bruge tid på at lede efter filer, der skal ændres. Ændring af brugerindstillingerne via filen "settings.json" vil give meget hurtigere resultater.
Hvordan ændrer jeg kommentarfarven i VS-kode?
For at ændre kommentarfarverne skal du åbne filen "settings.json" (brug "Metode 2" beskrevet ovenfor), vælg det tema, du vil ændre, og indtast derefter (med anførselstegn):
"kommentarer" : "#hexcode"
Her er "hexcode" koden for den ønskede farve. Brug en farvevælger til at vælge en passende farve.
Hvad er det bedste tema i VS-kode?
Det bedste VS-kode-tema er det, du finder mest behageligt og nyttigt til din programmeringsindsats. Forskellige brugere kan have forskellige farve- og temapræferencer. Heldigvis er der masser af muligheder at vælge imellem, hvad enten det er i de forudkonfigurerede temaer, udvidelsesdownloads eller i muligheden for at tilpasse et tema præcis til din smag.
Vælg dit tema
Med disse instruktioner kan du fuldt ud tilpasse et tema, som du vil. Med sit væld af muligheder forbliver VS Code en af de mest populære teksteditorer, og dens evne til at få nye funktioner med udvidelser gør den meget lig en IDE.
Hvilke temaer bruger du i VS Code? Har du foretaget ændringer i dit foretrukne tema? Fortæl os det i kommentarfeltet nedenfor.
