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

Sådan tilsluttes dine AirPods til en Chromebook
Sådan tilsluttes dine AirPods til en Chromebook
AirPods er verdens mest populære trådløse øretelefoner. Endnu mere siden frigivelsen af ​​AirPods Pro, der introducerede ørepropper, støjreduktion og andre seje ekstra funktioner. Problemet med de fleste Apple-produkter er, at de
Min iPad udskriver ikke eller kan ikke finde min printer
Min iPad udskriver ikke eller kan ikke finde min printer
Udskrivning fra en iPad burde være let, men hvad sker der, hvis iPad’en ikke kan finde din printer, eller hvis dit printjob ikke når frem til printeren?
Sådan fjernes dropdown-pilen i Excel
Sådan fjernes dropdown-pilen i Excel
Som de fleste andre rullemenuer har dem i Excel klikbare pile. Du kan dog måske skjule eller fjerne pilene, når du eksporterer eller deler dine Excel-filer. Så hvordan fjerner du de uønskede pile? Der
Sådan får du Windows 10 installationsdato
Sådan får du Windows 10 installationsdato
Der er tidspunkter, hvor du muligvis skal bestemme, hvornår Windows 10 nøjagtigt blev installeret på din pc. For at få disse oplysninger behøver du ikke nogen tredjepartsværktøjer.
En kort oversigt over dybtryk
En kort oversigt over dybtryk
Lær om dybtryk og dets egnethed til specifikke typer arbejde. Den bruges primært til lange oplag.
Sådan bruger du et SD-kort med en brandtablet
Sådan bruger du et SD-kort med en brandtablet
Ejer du en Amazon Fire-tablet? Hvis ja, vidste du, at du kan installere apps direkte på et SD-kort, der er tilsluttet din tablet? Det er rigtigt. Med nogle Fire-tablets med så lidt som 8 GB indbygget
Sådan oprettes et diasshow i Windows 10
Sådan oprettes et diasshow i Windows 10
https://www.youtube.com/watch?v=qOh08M2Z5Ac Oprettelse af lysbilledshow af dine billedfiler er en glimrende måde at vise dine fotografier på, forbedre en præsentation eller bare oprette en cool og unik baggrundsskærmvisning. Windows 10 har nogle standarder