Hvordan endre temaet i VS-kode

Visual Studio Code gjør redigering og skriving av ny kode til en problemfri, morsom opplevelse. Standard mørketemaet til VS Code ble designet for å være lettere for øynene enn en vanlig tøff, hvit bakgrunn som kan forårsake tretthet etter lange timer med arbeid. Men hva om du ikke liker de mørke fargene på skjermen mens du jobber?

Hvordan endre temaet i VS-kode

Fordelen med VS Codes modulære design er at du har enorm frihet til å endre det originale mørke temaet med mange forskjellige tilpasningsalternativer som spenner over spekteret av skjermfarger, fonter og til og med utseendet til VS Codes integrerte terminal.

Denne artikkelen vil fortelle deg alt du trenger å vite om å endre temaer i VS Code.

Hvordan endre tema i VS-kode

Det er raskt og enkelt å endre det overordnede temaet i VS Code. Her er hva du må gjøre:

  1. Åpne VS-kode.

  2. Velg «Fil» («Kode» på macOS), velg «Innstillinger», og velg deretter «Fargetema».

  3. VS Code vil vise deg et utvalg forhåndsbygde temaer å velge mellom i en rullegardinmeny.

  4. Bruk piltastene for å forhåndsvise hvordan hvert tema ser ut direkte på skjermen.

  5. Trykk "Enter" mens du velger for å velge det temaet du vil bruke.

Å endre temaet til et annet forhåndskonfigurert kan være det første du gjør når du åpner VS-kode for første gang. Koding kan ta mye tid, så det er gunstig å bruke et tema du er komfortabel med og som ikke skader øynene dine mens du jobber.

Slik endrer du terminaltemaet ditt i VS-kode

Hvis du vil holde deg til flere forhåndskonfigurerte alternativer for terminalfarge og tema, er prosessen den samme som å endre det overordnede temaet. Alle de integrerte temaene inkluderer alternativer for å endre terminalens utseende, men du kan ikke skille den fra de andre delene av selve temaet fra hovedmenyen.

Før du bruker de nevnte trinnene for å endre temaet, åpner du terminalkonsollen (Ctrl + Shift + P) for å forhåndsvise endringene som er gjort på terminalen. Noen temaer gjør ingen endringer i terminalen, mens andre kan endre den drastisk. I tillegg er det heller ikke bra å bruke et tema du liker moderat, siden du kanskje bruker terminalen mer enn du først trodde.

Imidlertid er det noen få løsninger som lar deg endre terminaltemaet, som vi vil dekke i avsnittene nedenfor.

Hvordan endre materialtema i VS-kode

VS Codes hovedfunksjon er overfloden av spennende utvidelser for å tilpasse kodeopplevelsen og bringe flere funksjoner til tekstredigereren. En av slike utvidelser er Material Theme, en av de mest populære i sitt slag på VS Code Marketplace.

Material Theme har mange fordeler i forhold til forhåndstilpassede design, men noen brukere kan synes det mangler. Brukerhåndboken for denne utvidelsen inneholder noen tips om hvordan du kan gjøre ytterligere endringer for å passe dine behov. Slik endrer du det overordnede temaet i Material Theme:

  1. Åpne hurtigmenyen (Ctrl + Shift + P).

  2. Skriv "tema" i ledeteksten.

  3. Velg "Innstillinger: Fargetema."

  4. Velg en av forhåndsinnstillingene til materialtemaet.

Å angi en aksentfarge vil gjøre en del av koden pop, noe som kan være nyttig hvis det er en spesielt viktig eller plagsom linje å diagnostisere. For å angi en aksentfarge, bruk følgende trinn:

  1. Åpne hurtigmenyen (Ctrl + Shift + P).

  2. Skriv "material tema" i ledeteksten.

  3. Velg "Materialtema: Angi aksentfarge."

  4. Velg fargen du liker fra listen.

Med et endret materialtema kan du få tilpasning som er over normen, og vi viser deg hvordan.

Slik tilpasser du et tema manuelt i VS-kode

VS-kode gir mye mer tilpasning enn bare å bytte mellom noen få forhåndsinnstillinger. Her er to måter å tilpasse temaet etter din smak.

Metode 1 – Last ned et tilpasset tema

Når vi snakker om tilpasning, kan vi ikke gå uten å nevne den ekspansive VS Code Marketplace. Det finnes forskjellige utvidelser som utelukkende endrer utseendet til VS Code uten å forstyrre funksjonaliteten. Slik laster du ned et tema.

  1. Åpne VS Code Marketplace. Du kan også bruke den integrerte "Extensions"-menyen til venstre på skjermen.

  2. Skriv inn "tema" i søkefeltet for å bla gjennom bare de elementene som endrer temaet. En av våre beste anbefalinger er materialtemaet nevnt ovenfor, men vi er sikre på at du kan finne en som passer deg best.

  3. Last ned utvidelsen (hvis du bruker en nettleser), og installer deretter .VSIX-filen ved å gå til "Utvidelser > ellipsikon > Installer fra VSIX." Alternativt, når du finner temaet du liker i VS Code, klikk på det og velg deretter "Installer"-knappen på detaljmenyen (til høyre).

  4. Når temaet er installert og aktivert, velger du det med kommandoen "Preferences: Color Theme".

Metode 2 – Redigere temaet

Alle temaer og innstillinger lagres i VS-kode ved bruk av ren tekst. Følg trinnene for å få tilgang til disse innstillingene og foreta endringene du ønsker:

  1. Lag en arbeidsbenk eller brukerinnstillingsfil. Førstnevnte vil bare endre utseendet til det nåværende prosjektet, men sistnevnte vil forbli på tvers av nye prosjekter.
  2. Skriv inn kommandoen "Innstillinger: Åpne innstillinger" i hovedmenyen.

  3. Velg fanen øverst til venstre for å velge mellom bruker- og arbeidsbenkinnstillinger.

  4. Trykk på "Rediger i settings.json" for å åpne filen som inneholder innstillingene du må endre.

  5. Finn innstillingen som heter "workbench.colorCustomizations."

  6. Fokuser på å endre temaet du ønsker ved å legge inn

«[Theme_name]»: { }

Theme_name er navnet på temaet du vil endre. Behold sitatene.

  1. Ytterligere endringer i temaet er gjort i de nye parentesene. Skriv inn navnet på parameteren du vil endre (i anførselstegn), skriv ':' og velg den riktige innstillingen du trenger.
  2. Bruk denne veiledningen til å finne parameterne du vil endre.
  3. Farger lagres i heksadesimal kode. Bruk en heksadesimal fargeguide for å finne fargen du ønsker.

  4. Når du er ferdig med endringene, lagre filen.

Denne metoden kan brukes til å endre det meste av brukergrensesnittet og kodeutseendet, inkludert grunntemafargen, bakgrunner, terminalutseende, knappefarger og skriftstiler.

Hvis du lurer på hvordan du endrer fonten i VS-kode, bruk metode 2 skissert ovenfor. Du trenger sannsynligvis en skriftveiledning.

Ytterligere vanlige spørsmål

Hvor lagres VS-kodetemaer?

Temaene som kommer fra utvidelser lagres i utvidelsesmappen til VS Code. Denne plasseringen er i installasjonskatalogen din (for eksempel C:) og kan vanligvis finnes her:

~/.vscode/extensions

Her er "~" installasjonsmappen for VS-kode.

Grunntemaer er lagret i: Microsoft VS Code\resources\app\extensions\theme-defaults\themes

Du trenger imidlertid ikke bruke tid på å lete etter filer som skal endres. Å endre brukerinnstillingene via "settings.json"-filen vil gi mye raskere resultater.

Hvordan endrer jeg kommentarfargen i VS-kode?

For å endre kommentarfargene, åpne "settings.json"-filen (bruk "Method 2" skissert ovenfor), velg temaet du vil endre, og skriv deretter inn (med anførselstegn):

"kommentarer" : "#hexcode"

Her er "hexcode" koden for ønsket farge. Bruk en fargevelger for å velge en passende farge.

Hva er det beste temaet i VS-kode?

Det beste VS-kodetemaet er det du finner mest gledelig og nyttig for programmeringsarbeidet ditt. Ulike brukere kan ha forskjellige farge- og temapreferanser. Heldigvis er det mange alternativer å velge mellom, enten det er i de forhåndskonfigurerte temaene, utvidelsesnedlastinger eller muligheten til å tilpasse et tema nøyaktig etter din smak.

Velg ditt tema

Med disse instruksjonene kan du fullt ut tilpasse et tema som du vil. Med sitt vell av alternativer er VS Code fortsatt en av de mest populære tekstredigererne, og dens evne til å få nye funksjoner med utvidelser gjør den veldig lik en IDE.

Hvilke temaer bruker du i VS Code? Har du gjort noen endringer i ditt foretrukne tema? Gi oss beskjed i kommentarfeltet nedenfor.