Huvud Programvara Hur man ändrar temat i VS-kod

Hur man ändrar temat i VS-kod



Visual Studio Code förvandlar redigering och skrivning av ny kod till en problemfri, rolig upplevelse. Det vanliga mörka temat för VS Code utformades för att vara lättare för ögonen än en vanlig hård vit bakgrund som kan orsaka trötthet efter långa arbetstimmar. Men vad händer om du inte riktigt gillar de mörka färgerna på skärmen medan du arbetar?

Hur man ändrar temat i VS-kod

Fördelen med VS Codes modulära design är att du har en enorm frihet att ändra det ursprungliga mörka temat med många olika anpassningsalternativ som sträcker sig över hela skärmfärgen, teckensnitt och till och med utseendet på VS Codes integrerade terminal.

Den här artikeln berättar allt du behöver veta om att ändra teman i VS-kod.

Hur man byter tema i VS-kod

Att ändra det övergripande temat i VS-koden är snabbt och enkelt. Här är vad du behöver göra:

  1. Öppna VS-kod.
  2. Välj Arkiv (kod på macOS), välj Inställningar och välj sedan Färgtema.
  3. VS Code visar dig ett urval av förbyggda teman att välja mellan i en rullgardinsmeny.
  4. Använd markörtangenterna för att förhandsgranska hur varje tema ser ut direkt på skärmen.
  5. Tryck på Enter medan du väljer för att välja det tema du vill använda.

Att ändra temat till en annan förkonfigurerad kan vara det första du gör när du öppnar VS-kod för första gången. Kodning kan ta mycket tid, så det är bra att använda ett tema du är bekväm med och som inte skadar dina ögon när du arbetar.

zelle transfer limit bank of america

Så här ändrar du ditt terminaltema i VS-kod

Om du vill hålla fast vid de flera förkonfigurerade alternativen för terminalfärg och tema är processen densamma som att ändra det övergripande temat. Alla de integrerade teman inkluderar alternativ för att ändra terminalens utseende, men du kan inte skilja den från de andra delarna av själva temat från huvudmenyn.

Innan du använder de ovan nämnda stegen för att ändra temat, öppna terminalkonsolen (Ctrl + Skift + P) för att förhandsgranska ändringarna som gjorts i terminalen. Vissa teman gör inga ändringar i terminalen, medan andra kan ändra den drastiskt. Dessutom är det inte bra att använda ett tema som du bara gillar måttligt, eftersom du kan hitta dig själv att använda terminalen mer än du ursprungligen trodde.

Det finns dock några lösningar som gör att du kan ändra terminalens tema, som vi kommer att täcka i avsnitten nedan.

Hur man ändrar materialtema i VS-kod

VS Codes huvudfunktion är överflödet av spännande tillägg för att anpassa din kodupplevelse och ge fler funktioner till textredigeraren. En av sådana tillägg är Materialtema , en av de mest populära i sitt slag på VS Code Marketplace.

Materialtema har många fördelar jämfört med föranpassade mönster, men vissa användare kanske tycker att det saknas. Användarhandboken för denna tillägg innehåller några tips om hur du gör ytterligare ändringar för att passa dina behov. Så här ändrar du det övergripande temat i Materialtema:

  1. Öppna snabbmenyn (Ctrl + Skift + P).
  2. Skriv temat i prompten.
  3. Välj Inställningar: Färgtema.
  4. Välj en av förinställningarna för Materialtema.

Om du ställer in en accentfärg kommer en del av koden att dyka upp, vilket kan vara användbart om det är en särskilt viktig eller besvärlig linje att diagnostisera. För att ställa in en accentfärg, använd följande steg:

  1. Öppna snabbmenyn (Ctrl + Skift + P).
  2. Skriv materialtema i prompten.
  3. Välj Materialtema: Ställ in accentfärg.
  4. Välj den färg du vill i listan.

Med ett ändrat materialtema kan du få anpassningar som överstiger normen, och vi visar dig hur.

Hur man anpassar ett tema manuellt i VS-kod

VS-kod möjliggör mycket mer anpassning än att bara växla mellan några förinställningar. Här är två sätt att anpassa temat efter eget tycke.

Metod 1 - Ladda ner ett anpassat tema

När vi pratar om anpassning kan vi inte utan att nämna det expansiva VS Code Marketplace . Olika tillägg finns som endast ändrar utseendet på VS Code utan att störa dess funktionalitet. Så här laddar du ner ett tema.

  1. Öppna VS Code Marketplace . Du kan också använda den integrerade tilläggsmenyn till vänster på skärmen.
  2. Skriv in tema i sökfältet om du bara vill bläddra bland de objekt som ändrar temat. En av våra bästa rekommendationer är det materialtema som nämns ovan, men vi är säkra på att du kan hitta en som passar dig bäst.
  3. Ladda ner tillägget (om du använder en webbläsare) installera sedan .VSIX-filen genom att gå till Extensions> ellipsis icon> Install from VSIX. Alternativt, när du hittar temat du gillar i VS-kod, klickar du på det och väljer sedan Installera-knappen i detaljmenyn (höger).
  4. När temat är installerat och aktiverat, välj det med kommandot Inställningar: Färgtema.

Metod 2 - Redigering av temat

Alla teman och inställningar lagras i VS-kod med vanlig text. Följ stegen för att komma åt dessa inställningar och göra de ändringar du vill ha:

  1. Skapa en arbetsbänk eller användarinställningsfil. Det förstnämnda kommer bara att ändra utseendet på det aktuella projektet, men det senare kommer att förbli över nya projekt.
  2. Skriv in Inställningar: Öppna kommandot Inställningar i huvudmenyn.
  3. Välj fliken längst upp till vänster för att välja mellan inställningar för användare och arbetsbänk.
  4. Tryck på Redigera i inställningar. Json för att öppna filen som innehåller de inställningar du behöver ändra.
  5. Hitta inställningen som heter workbench.colorCustomizations.
  6. Fokusera på att ändra det tema du vill genom att sätta in

[Theme_name]: { }

Temanamnet är namnet på temat du vill ändra. Behåll offerten.

  1. Ytterligare ändringar av temat görs i de nya parenteserna. Skriv in namnet på parametern du vill ändra (i citat), skriv ‘:’ och välj sedan den inställning du behöver.
  2. Använda sig av den här guiden för att hitta de parametrar du vill ändra.
  3. Färger lagras i hexadecimal kod. Använda en färg hexadecimal guide för att hitta den färg du vill ha.
  4. När du är klar med ändringarna, spara filen.

Denna metod kan användas för att ändra det mesta av UI: s och kodens utseende, inklusive bastema färg, bakgrunder, terminalutseende, knappfärger och typsnitt.

Om du undrar hur du ändrar teckensnitt i VS-kod, använd metod 2 som beskrivs ovan. Du behöver antagligen en guide .

Ytterligare FAQ

Var lagras VS-kodteman?

Teman som kommer från tillägg lagras i tilläggsmappen i VS Code. Denna plats finns i din installationskatalog (till exempel C :) och kan vanligtvis hittas här:

~/.vscode/extensions

Här är ~ installationskatalogen för VS-kod.

Basteman lagras i: Microsoft VS Code resources app extensions theme-defaults themes

Du behöver dock inte spendera tid på att leta efter filer som ska ändras. Om du ändrar användarinställningarna via settings.json-filen får du mycket snabbare resultat.

Hur ändrar jag kommentarfärgen i VS-kod?

För att ändra kommentarfärger öppnar du filen settings.json (använd metod 2 som beskrivs ovan), välj temat du vill ändra och mata sedan in (med citat):

netflix blev hackad och e-poständring

comments : #hexcode

Här är hexkoden koden för önskad färg. Använd en färgväljare för att välja en lämplig färg.

Vad är det bästa temat i VS-kod?

Det bästa VS Code-temat är det du tycker är mest tilltalande och användbart för dina programmeringsinsatser. Olika användare kan ha olika färg- och temapreferenser. Tack och lov finns det många alternativ att välja mellan, antingen i de förkonfigurerade teman, tilläggsnedladdningar eller möjligheten att anpassa ett tema exakt efter eget tycke.

Välj ditt tema

Med dessa instruktioner kan du helt anpassa ett tema som du vill. Med sin mängd alternativ förblir VS Code en av de mest populära textredigerarna, och dess förmåga att få nya funktioner med tillägg gör att den liknar en IDE.

Vilka teman använder du i VS-kod? Har du gjort några ändringar i ditt föredragna tema? Låt oss veta i kommentarfältet nedan.

Intressanta Artiklar

Redaktionen

YouTube för att visa gratis filmer i full längd
YouTube för att visa gratis filmer i full längd
YouTube kommer att visa TV-program i full längd och filmer från MGMs arkiv i sitt senaste steg för att öka reklamintäkterna. MGM Studios kommer att starta partnerskapet genom att lägga upp avsnitt av sitt decennium gamla American Gladiators-program på YouTube.
Byt till S-läge i Windows 10 Build 17686
Byt till S-läge i Windows 10 Build 17686
Nyligen släppte Microsoft Windows 10 build 17686 till Insiders in the Fast ring. Bygget innehåller ett nytt alternativ i appen Inställningar som heter 'Växla till S-läge'. Annons Som du kanske redan vet har Microsoft avbrutit Windows 10 S som en separat utgåva. Istället kommer det att finnas 'S-läge', som kan aktiveras för alla utgåvor.
Microsoft möjliggör delning från Windows-appar till Outlook Desktop
Microsoft möjliggör delning från Windows-appar till Outlook Desktop
Microsoft har publicerat en ny app i butiken med namnet Microsoft Office Outlook Desktop Integration. Det utökar den moderna delningsfunktionen i Windows 10 till Office Outlook-appen. När du har installerat appen kan du dela något, t.ex. en sida från Edge-webbläsaren eller en bild från Photos-appen och Outlook Desktop
Hur man organiserar Spotify-spellistor
Hur man organiserar Spotify-spellistor
Är du en av dem som lyssnar på alla möjliga musikgenrer och har hundratals låtar i sina spellistor? Om så är fallet kan det verka som en mardröm att organisera dina spellistor. Men om du är orubblig
Ta bort förmågan att gå tillbaka till tidigare Windows 10 Build
Ta bort förmågan att gå tillbaka till tidigare Windows 10 Build
I Windows 10 version 1803 finns det ett nytt alternativ som gör det möjligt att ta bort lämpligt alternativ från appen Inställningar. Detta är en bra förändring för användare som har en anledning att ta bort den.
Hur du ändrar din relationsstatus på Facebook
Hur du ändrar din relationsstatus på Facebook
Allt du behöver veta om hur du ändrar din Facebook-relationsstatus, plus varför du bör (eller inte bör) uppdatera den.
Hur man hittar arkiverade kanaler på Slack
Hur man hittar arkiverade kanaler på Slack
Slack är så mycket mer än en chatt- och fildelningsapp du använder på jobbet. Det är ett pålitligt och mycket funktionellt verktyg för kommunikation och organisation på arbetsplatsen. Det mesta av arbetsflödet i Slack går via användarkanaler. Så att'