Vigtigste Software Sådan ændres temaet i VS-kode

Sådan ændres temaet i VS-kode



Visual Studio Code gør redigering og skrivning af ny kode til en problemfri og sjov oplevelse. Det standard mørke tema i VS Code var designet til at være lettere for øjnene end en regelmæssig hård, hvid baggrund, som kan forårsage træthed efter lange timers arbejde. Men hvad hvis du ikke rigtig kan lide de mørke farver på din skærm, mens du arbejder?

Sådan ændres temaet i VS-kode

Fordelen ved VS Codes modulære design er, at du har en enorm frihed til at ændre det originale mørke tema med mange forskellige tilpasningsmuligheder, der spænder over omfanget af skærmfarve, skrifttyper og endda udseendet på selve VS Codes integrerede terminal.

Denne artikel fortæller dig alt hvad du behøver at vide om skift af temaer i VS-kode.

Sådan ændres tema i VS-kode

Det er hurtigt og nemt at ændre det overordnede tema i VS-kode. Her er hvad du skal gøre:

  1. Åbn VS-kode.
  2. Vælg fil (kode på macOS), vælg Indstillinger, og vælg derefter Farvetema.
  3. VS Code viser dig et udvalg af forudbyggede temaer at vælge imellem i rullemenuen.
  4. Brug dine piletaster til at få vist, hvordan hvert tema ser direkte ud på skærmen.
  5. Tryk på Enter, mens du vælger for at vælge det tema, der skal bruges.

At ændre temaet til en anden forudkonfigureret kan være den første ting, du gør, når du åbner VS-kode for første gang. Kodning kan tage meget tid, så det er nyttigt at bruge et tema, du er fortrolig med, og som ikke skader dine øjne, mens du arbejder.

hvordan man fed tekst i Facebook-indlæg

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 terminal udseende, men du kan ikke adskille den fra de andre dele af selve temaet fra hovedmenuen.

Inden du bruger de ovennævnte trin til at ændre temaet, skal du åbne terminalkonsollen (Ctrl + Shift + P) for at få vist de ændringer, der er foretaget i 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 finder dig selv ved at bruge terminalen mere, end du oprindeligt troede.

Der er dog et par løsninger, der giver dig mulighed for at ændre terminaltemaet, som vi dækker i afsnittene nedenfor.

Sådan ændres materialetema i VS-kode

VS Codes hovedfunktion er overflod af spændende udvidelser til at tilpasse din kodningsoplevelse og bringe flere funktioner til teksteditoren. En af sådanne udvidelser er Materielt tema , en af ​​de mest populære af sin art på VS Code Marketplace.

Materieltema har mange fordele i forhold til prætilpassede designs, men nogle brugere kan synes, det mangler. Brugervejledningen til denne udvidelse indeholder et par tip til, hvordan du foretager yderligere ændringer, der passer til dine behov. Sådan ændres det overordnede tema i Materieltema:

  1. Åbn hurtigmenuen (Ctrl + Skift + P).
  2. Skriv temaet i prompten.
  3. Vælg Præferencer: Farvetema.
  4. Vælg en af ​​Materiale Temaets forudindstillinger.

Hvis du indstiller en accentfarve, bliver en del af koden pop, hvilket kan være nyttigt, hvis det er en særlig vigtig eller besværlig linje at diagnosticere. Brug følgende trin til at indstille en accentfarve:

  1. Åbn hurtigmenuen (Ctrl + Skift + P).
  2. Skriv materielt tema i prompten.
  3. Vælg Materieltema: Indstil accentfarve.
  4. Vælg den farve, du kan lide på listen.

Med et ændret materialetema kan du få tilpasning, der er over normen, og vi viser dig hvordan.

Sådan tilpasses manuelt et tema 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 undgå at nævne det ekspansive VS Code Marketplace . Der findes forskellige udvidelser, der udelukkende ændrer udseendet på VS Code uden at forstyrre dets funktionalitet. Sådan downloader du et tema.

  1. Åbn VS Code Marketplace . Du kan også bruge den integrerede udvidelsesmenu til venstre på skærmen.
  2. Indtast tema i søgefeltet for kun at gennemse de emner, der ændrer temaet. En af vores bedste anbefalinger er det materiale, der er nævnt ovenfor, men vi er sikre på, at du kan finde en, der passer dig bedst.
  3. Download udvidelsen (hvis du bruger en browser), og installer derefter .VSIX-filen ved at gå til Extensions> ellipsis icon> Install from VSIX. Alternativt, når du finder det tema, du kan lide i VS-kode, skal du klikke på det og derefter vælge knappen Installer i menuen Detaljer (højre).
  4. Når temaet er installeret og aktiveret, skal du vælge det med kommandoen Indstillinger: Farvetema.

Metode 2 - Redigering af temaet

Alle temaer og indstillinger gemmes i VS-kode ved hjælp af almindelig tekst. Følg trinene for at få adgang til disse indstillinger og foretage de ønskede ændringer:

  1. Opret en arbejdsbænk eller brugerindstillingsfil. Førstnævnte ændrer kun udseendet af det aktuelle projekt, men det sidstnævnte forbliver på tværs af nye projekter.
  2. Indtast indstillinger: Åbn kommandoen Indstillinger i hovedmenuen.
  3. Vælg fanen øverst til venstre for at vælge mellem bruger- og arbejdsbænkeindstillinger.
  4. Tryk på Rediger i settings.json for at åbne den fil, der indeholder de indstillinger, du skal ændre.
  5. Find indstillingen med navnet workbench.colorCustomizations.
  6. 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. Bevar tilbudene.

  1. Yderligere ændringer af temaet foretages i de nye parenteser. Indtast navnet på den parameter, du vil ændre (i anførselstegn), skriv ':' og vælg derefter den ønskede indstilling, du har brug for.
  2. Brug denne vejledning for at finde de parametre, du vil ændre.
  3. Farver gemmes i hexadecimal kode. Brug en farve hexadecimal guide for at finde den farve, du ønsker.
  4. Gem filen, når du er færdig med ændringerne.

Denne metode kan bruges til at ændre det meste af brugergrænsefladen og kodeudseendet, inklusive basistemaets farve, baggrunde, terminaludseende, knapfarver og skrifttypestil.

Hvis du spekulerer på, hvordan du ændrer skrifttypen i VS-kode, skal du bruge metode 2 beskrevet ovenfor. Du har sandsynligvis brug for en guide .

Yderligere FAQ

Hvor opbevares VS-kodetemaer?

De temaer, der kommer fra udvidelser, gemmes i udvidelsesmappen i VS Code. Denne placering er i din installationsmappe (for eksempel C :) og kan normalt findes her:

~/.vscode/extensions

Her er ~ installationsmappen til VS-kode.

Basetemaer er gemt i: Microsoft VS Code resources app extensions theme-defaults themes

Du behøver dog ikke bruge tid på at lede efter filer, der kan ændres. Ændring af brugerindstillinger via filen settings.json leverer meget hurtigere resultater.

Hvordan ændrer jeg kommentarfarven i VS-kode?

For at ændre kommentarfarverne skal du åbne indstillingen.json-filen (brug metode 2 beskrevet ovenfor), vælg det tema, du vil ændre, og indtast derefter (med anførselstegn):

hvordan får du flere snapchat-filtre

comments : #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 Code-tema er det, du finder mest behageligt og nyttigt til din programmeringsindsats. Forskellige brugere kan have forskellige farver og temaindstillinger. Heldigvis er der masser af muligheder at vælge imellem, hvad enten det er i de forudkonfigurerede temaer, udvidelsesdownloads eller i evnen til at tilpasse et tema nøjagtigt efter din smag.

Vælg dit tema

Med disse instruktioner kan du tilpasse et tema fuldt ud, som du vil. Med sin rigdom af muligheder forbliver VS Code en af ​​de mest populære teksteditorer, og dens evne til at få nye funktioner med udvidelser gør det meget lig en IDE.

Hvilke temaer bruger du i VS-kode? Har du foretaget ændringer til dit foretrukne tema? Lad os vide det i kommentarfeltet nedenfor.

Interessante Artikler

Redaktørens Valg

Hvad er HLG HDR?
Hvad er HLG HDR?
Hybrid Log Gamma, eller HLG HDR, er en af ​​de konkurrerende standarder for HDR sammen med HDR10 og Dolby Vision. Her er hvorfor det er værd at overveje.
Sådan deler du video med lyd i Webex
Sådan deler du video med lyd i Webex
Et af de vigtigste aspekter ved at deltage i videomøder er muligheden for at dele dit indhold med dine kollegaer. Selvom det er relativt nemt at dele billeder og dokumenter, kan det være vanskeligt at dele videoindhold. Opløsningen af ​​videoen
Hvad er en BDMV fil?
Hvad er en BDMV fil?
En BDMV-fil indeholder oplysninger om indholdet af en Blu-ray-disk. Her er mere om BDMV-filer, som hvordan man åbner en, og om BDMV-konvertere er nyttige.
Tilføj Take Context Menu-kontekstmenu i Windows 10
Tilføj Take Context Menu-kontekstmenu i Windows 10
Tilføj kontekstmenuen 'Tag ejerskab' i Windows 10, der giver dig mulighed for at blive ejer af filerne og give dem fuld adgangstilladelse.
Sådan skifter du pin i Bitlocker
Sådan skifter du pin i Bitlocker
Bruger du Windows 10 Pro? Hvis ja, kan du bruge denne fantastiske sikkerhedsfunktion. Det krypterer dine data og beskytter dem mod potentielle angreb, samtidig med at det er meget brugervenligt. Datakryptering er en af ​​de mest
Pinnacle PCTV USB Stick anmeldelse
Pinnacle PCTV USB Stick anmeldelse
Din notesbog er bærbar, og dit tv kan også være. For kun £ 27 kan du tilslutte en USB-tuner og se, pause og optage live TV. Derudover kan alle DVB-T-tunere håndtere HDTV-udsendelser, når og når de gør det
Firefox 57.0.4 frigivet med Meltdown og Spectre angrebsløsning
Firefox 57.0.4 frigivet med Meltdown og Spectre angrebsløsning
Mozilla udgav i dag en ny version af deres Firefox-browser. Det giver ekstra beskyttelse mod de alvorlige sikkerhedsproblemer, der for nylig blev fundet i Intel-CPU'er.