Visual Studio Code gjør redigering og skriving av ny kode til en problemfri, morsom opplevelse. Standard mørkt tema for VS Code var designet for å være lettere for øynene enn en vanlig hard, hvit bakgrunn som kan forårsake utmattelse etter lange arbeidstimer. Men hva om du ikke liker de mørke fargene på skjermen mens du jobber?
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 strekker seg over omfanget av skjermfarge, skrifttyper og til og med utseendet til VS Codes integrerte terminal.
Denne artikkelen vil fortelle deg alt du trenger å vite om å endre tema i VS-kode.
Hvordan endre tema i VS-kode
Det er raskt og enkelt å endre det overordnede temaet i VS Code. Dette er hva du trenger å gjøre:
- Åpne VS-kode.
- Velg Fil (kode på macOS), velg Innstillinger, og velg deretter Fargetema.
- VS Code vil vise deg et utvalg av forhåndsbygde temaer å velge mellom i rullegardinmenyen.
- Bruk piltastene til å forhåndsvise hvordan hvert tema ser ut direkte på skjermen.
- Trykk på Enter mens du velger for å velge temaet du vil bruke.
Å endre temaet til en annen 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.
hvordan du slår av bursdagen på facebook
Hvordan endre terminaltemaet ditt i VS-kode
Hvis du vil holde deg til de flere forhåndskonfigurerte alternativene 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 ovennevnte trinnene for å endre tema, åpner du terminalkonsollen (Ctrl + Shift + P) for å forhåndsvise endringene som er gjort i terminalen. Noen temaer gjør ingen endringer i terminalen, mens andre kan endre den drastisk. I tillegg er det ikke bra å bruke et tema du bare liker moderat, da du kanskje vil finne deg selv å bruke terminalen mer enn du opprinnelig trodde.
Imidlertid er det noen få løsninger som lar deg endre terminaltemaet, som vi vil dekke i delene nedenfor.
Hvordan endre materialtema i VS-kode
VS Codes hovedtrekk er overflod av spennende utvidelser for å tilpasse din kodingsopplevelse og gi flere funksjoner til tekstredigereren. En av slike utvidelser er Materielt tema , en av de mest populære i sitt slag på VS Code Marketplace.
Materialtema har mange fordeler over forhåndstilpassede design, men noen brukere kan synes det mangler. Brukerhåndboken for denne utvidelsen inneholder noen tips om hvordan du gjør ytterligere endringer som passer dine behov. Slik endrer du det overordnede temaet i Material Theme:
- Åpne hurtigmenyen (Ctrl + Shift + P).
- Skriv inn temaet i ledeteksten.
- Velg Innstillinger: Fargetema.
- Velg en av forhåndsinnstillingene til Material Theme.
Hvis du setter en aksentfarge, blir en del av koden pop, noe som kan være nyttig hvis det er en spesielt viktig eller plagsom linje å diagnostisere. Bruk følgende trinn for å angi en aksentfarge:
- Åpne hurtigmenyen (Ctrl + Shift + P).
- Skriv inn materialtema i ledeteksten.
- Velg Materieltema: Sett aksentfarge.
- 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 Code tillater mye mer tilpasning enn bare å bytte mellom noen få forhåndsinnstillinger. Her er to måter å tilpasse temaet i henhold til din smak.
Metode 1 - Last ned et tilpasset tema
Når vi snakker om tilpasning, kan vi ikke gå uten å nevne det ekspansive VS Code Marketplace . Det finnes forskjellige utvidelser som bare endrer utseendet til VS Code uten å forstyrre funksjonaliteten. Slik laster du ned et tema.
- Åpne VS Code Marketplace . Du kan også bruke den integrerte utvidelsesmenyen til venstre på skjermen.
- Skriv inn tema i søkefeltet for å bla bare gjennom elementene som endrer temaet. En av våre beste anbefalinger er Material Theme som er nevnt ovenfor, men vi er sikre på at du kan finne en som passer deg best.
- Last ned utvidelsen (hvis du bruker en nettleser), og installer deretter .VSIX-filen ved å gå til Extensions> ellipsis icon> Install from VSIX. Alternativt, når du finner temaet du liker i VS Code, klikker du på det og velger deretter Installer-knappen i detaljmenyen (høyre).
- Når temaet er installert og aktivert, velger du det med kommandoen Innstillinger: Fargetema.
Metode 2 - Redigering av 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 vil ha:
- Opprett en arbeidsbenk eller brukerinnstillingsfil. Førstnevnte vil bare endre utseendet til det nåværende prosjektet, men det siste vil forbli på tvers av nye prosjekter.
- Skriv inn Innstillinger: Åpne kommandoen Innstillinger i hovedmenyen.
- Velg fanen øverst til venstre for å velge mellom innstillinger for bruker og arbeidsbenk.
- Trykk på Rediger i settings.json for å åpne filen som inneholder innstillingene du trenger å endre.
- Finn innstillingen som heter workbench.colorCustomizations.
- Fokuser på å endre temaet du ønsker ved å sette inn
[Theme_name]: { }
Theme_name er navnet på temaet du vil endre. Behold tilbudene.
- Ytterligere endringer i temaet gjøres i de nye parentesene. Skriv inn navnet på parameteren du vil endre (i anførselstegn), skriv ‘:’ og velg deretter riktig innstilling du trenger.
- Bruk denne guiden for å finne parametrene du vil endre.
- Farger lagres i heksadesimal kode. Bruk en farge heksadesimal guide for å finne fargen du vil ha.
- Når du er ferdig med endringene, lagrer du filen.
Denne metoden kan brukes til å endre det meste av UI og kodeutseende, inkludert grunntemaets farge, bakgrunner, terminalutseende, knappefarger og skriftstiler.
Hvis du lurer på hvordan du endrer skrift i VS-kode, kan du bruke metode 2 som er beskrevet ovenfor. Du vil sannsynligvis trenge en guide .
Ytterligere spørsmål
Hvor lagres VS-kodetemaer?
Temaene som kommer fra utvidelser er lagret i utvidelsesmappen til VS Code. Denne plasseringen er i installasjonskatalogen din (for eksempel C :) og finner du vanligvis her:
~/.vscode/extensions
Her er ~ installasjonskatalogen for VS-kode.
Basistemaer er lagret i: Microsoft VS Code resources app extensions theme-standard temaer
Du trenger imidlertid ikke bruke tid på å lete etter filer du kan endre. Endring av brukerinnstillingene via settings.json-filen gir mye raskere resultater.
Hvordan endrer jeg kommentarfarge i VS-kode?
For å endre kommentarfargene, åpne settings.json-filen (bruk metode 2 skissert ovenfor), velg temaet du vil endre, og skriv deretter inn (med anførselstegn):
hvordan få kabelkanaler på firestick
comments : #hexcode
Her er heksekoden koden for ønsket farge. Bruk en fargevelger for å velge en passende farge.
Hva er det beste temaet i VS-kode?
Det beste VS Code-temaet er det du synes er mest behagelig og nyttig for programmeringsarbeidet ditt. Ulike brukere kan ha forskjellige farger og temainnstillinger. Heldigvis er det mange alternativer å velge mellom, enten i de forhåndskonfigurerte temaene, nedlastinger av utvidelser, eller i muligheten til å tilpasse et tema nøyaktig etter din smak.
Velg tema
Med disse instruksjonene kan du tilpasse et tema fullt ut som du vil. Med sine mange muligheter forblir VS Code en av de mest populære tekstredigerere, 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 ønsket tema? Gi oss beskjed i kommentarfeltet nedenfor.
