Kako spremeniti temo v VS Code

Visual Studio Code spremeni urejanje in pisanje nove kode v zabavno izkušnjo brez težav. Privzeta temna tema VS Code je bila zasnovana tako, da je boljša za oči kot običajno ostro belo ozadje, ki lahko povzroči utrujenost po dolgih urah dela. Kaj pa, če vam temne barve na zaslonu med delom res niso všeč?

Kako spremeniti temo v VS Code

Prednost modularne zasnove VS Code je v tem, da imate izjemno svobodo pri spreminjanju izvirne temne teme z veliko različnimi možnostmi prilagajanja, ki zajemajo paleto barv zaslona, ​​pisav in celo videza samega integriranega terminala VS Code.

Ta članek vam bo povedal vse, kar morate vedeti o spreminjanju tem v VS Code.

Kako spremeniti temo v VS Code

Spreminjanje splošne teme v VS Code je hitro in enostavno. Tukaj je tisto, kar morate storiti:

  1. Odprite VS Code.

  2. Izberite »Datoteka« (»Koda« v macOS), izberite »Nastavitve« in nato »Barvna tema«.

  3. VS Code vam bo v spustnem meniju pokazal izbor vnaprej izdelanih tem.

  4. S smernimi tipkami si oglejte, kako je posamezna tema videti neposredno na zaslonu.

  5. Pritisnite "Enter", medtem ko izberete, da izberete temo za uporabo.

Spreminjanje teme v drugo vnaprej konfigurirano je morda prva stvar, ki jo naredite, ko prvič odprete VS Code. Kodiranje lahko vzame veliko časa, zato je koristno uporabiti temo, ki vam ustreza in ki vam med delom ne poškoduje oči.

Kako spremeniti temo terminala v kodi VS

Če se želite držati več vnaprej konfiguriranih možnosti za barvo in temo terminala, je postopek enak spreminjanju celotne teme. Vse integrirane teme vključujejo možnosti za spreminjanje videza vašega terminala, vendar ga v glavnem meniju ne morete ločiti od drugih delov teme.

Preden uporabite zgoraj omenjene korake za spremembo teme, odprite terminalsko konzolo (Ctrl + Shift + P), da si ogledate spremembe v terminalu. Nekatere teme terminala ne spremenijo, druge pa ga lahko drastično premaknejo. Poleg tega uporaba teme, ki vam je zmerno všeč, tudi ni dobra, saj lahko terminal uporabljate bolj, kot ste sprva mislili.

Vendar pa obstaja nekaj rešitev, ki vam bodo omogočile, da spremenite temo terminala, kar bomo obravnavali v spodnjih razdelkih.

Kako spremeniti temo materiala v kodi VS

Glavna značilnost VS Code je preobilje vznemirljivih razširitev za prilagajanje vaše izkušnje kodiranja in prinašanje več funkcionalnosti urejevalniku besedil. Ena od takšnih razširitev je Material Theme, ena najbolj priljubljenih te vrste na VS Code Marketplace.

Material Theme ima veliko prednosti pred vnaprej prilagojenimi dizajni, vendar nekaterim uporabnikom morda manjka. Uporabniški priročnik za to razširitev vključuje nekaj nasvetov o tem, kako narediti nadaljnje spremembe, da bodo ustrezale vašim potrebam. Tukaj je opisano, kako spremenite splošno temo v Material Theme:

  1. Odprite hitri meni (Ctrl + Shift + P).

  2. V poziv vnesite »tema«.

  3. Izberite »Nastavitve: Barvna tema«.

  4. Izberite eno od prednastavitev teme materiala.

Če nastavite barvo poudarka, se bo del kode pojavil, kar je lahko koristno, če gre za posebno pomembno ali težavno vrstico za diagnosticiranje. Če želite nastaviti barvo poudarka, uporabite naslednje korake:

  1. Odprite hitri meni (Ctrl + Shift + P).

  2. V poziv vnesite »material theme«.

  3. Izberite "Material Theme: Set accent color."

  4. S seznama izberite barvo, ki vam je všeč.

S spremenjeno temo materiala lahko dobite prilagoditev, ki je nad običajno, in pokazali vam bomo, kako.

Kako ročno prilagoditi temo v VS Code

VS Code omogoča veliko več prilagajanja kot preprosto spreminjanje med nekaj prednastavitvami. Tukaj sta dva načina za prilagoditev teme po svojih željah.

1. način - Prenesite temo po meri

Ko govorimo o prilagajanju, ne moremo omeniti obsežnega VS Code Marketplace. Obstajajo različne razširitve, ki samo spremenijo videz kode VS, ne da bi motile njeno funkcionalnost. Tukaj je opisano, kako prenesti temo.

  1. Odprite VS Code Marketplace. Uporabite lahko tudi integriran meni »Razširitve« na levi strani zaslona.

  2. V iskalno vrstico vnesite »tema«, če želite brskati samo po tistih elementih, ki spremenijo temo. Eno naših najboljših priporočil je zgoraj omenjena tema Material, vendar smo prepričani, da boste našli tisto, ki vam najbolj ustreza.

  3. Prenesite razširitev (če uporabljate brskalnik), nato pa namestite datoteko .VSIX, tako da odprete »Razširitve > ikona s trotočkami > Namestite iz VSIX«. Druga možnost je, da ko v VS Code najdete temo, ki vam je všeč, jo kliknite in nato v meniju s podrobnostmi (desno) izberite gumb »Namesti«.

  4. Ko je tema nameščena in omogočena, jo izberite z ukazom »Nastavitve: Barvna tema«.

2. način – Urejanje teme

Vse teme in nastavitve so shranjene v VS Code z uporabo golega besedila. Sledite korakom za dostop do teh nastavitev in naredite želene spremembe:

  1. Ustvarite delovno mizo ali datoteko z uporabniškimi nastavitvami. Prvi bo spremenil le podobo sedanjega projekta, drugi pa bo ostal v novih projektih.
  2. V glavnem meniju vnesite ukaz »Nastavitve: Odpri nastavitve«.

  3. Izberite zavihek v zgornjem levem kotu, da izberete med uporabniškimi nastavitvami in nastavitvami delovne mize.

  4. Pritisnite »Uredi v nastavitvah.json«, da odprete datoteko, ki vsebuje nastavitve, ki jih morate spremeniti.

  5. Poiščite nastavitev z imenom »workbench.colorCustomizations«.

  6. Osredotočite se na spremembo teme, ki jo želite, tako da jo vstavite

“[ime_teme]”: { }

Theme_name je ime teme, ki jo želite spremeniti. Ohranite citate.

  1. Nadaljnje spremembe teme so narejene v novih oklepajih. Vnesite ime parametra, ki ga želite spremeniti (v narekovajih), vnesite ‘:’ in izberite ustrezno nastavitev, ki jo potrebujete.
  2. S tem vodnikom poiščite parametre, ki jih želite spremeniti.
  3. Barve so shranjene v šestnajstiški kodi. Uporabite barvni šestnajstiški vodnik, da natančno določite barvo, ki jo želite.

  4. Ko končate s spremembami, shranite datoteko.

To metodo lahko uporabite za spreminjanje večine videza uporabniškega vmesnika in kode, vključno z barvo osnovne teme, ozadjem, videzom terminala, barvami gumbov in slogi pisave.

Če se sprašujete, kako spremeniti pisavo v kodi VS, uporabite zgoraj opisano metodo 2. Verjetno boste potrebovali vodnik za pisave.

Dodatna pogosta vprašanja

Kje so shranjene teme VS Code?

Teme, ki prihajajo iz razširitev, so shranjene v mapi razširitev VS Code. Ta lokacija je v vašem namestitvenem imeniku (na primer C:) in jo običajno najdete tukaj:

~/.vscode/extensions

Tukaj je "~" namestitveni imenik za VS Code.

Osnovne teme so shranjene v: Microsoft VS Code\resources\app\extensions\theme-defaults\themes

Vendar vam ni treba porabiti časa za iskanje datotek za spremembo. Spreminjanje uporabniških nastavitev prek datoteke “settings.json” bo prineslo veliko hitrejše rezultate.

Kako spremenim barvo komentarja v kodi VS?

Če želite spremeniti barve komentarjev, odprite datoteko »settings.json« (uporabite zgoraj opisano »Metodo 2«), izberite temo, ki jo želite spremeniti, nato vnesite (z narekovaji):

“comments” : “#hexcode”

Tukaj je "hexcode" koda za želeno barvo. Uporabite izbirnik barv, da izberete ustrezno barvo.

Katera je najboljša tema v VS Code?

Najboljša tema VS Code je tista, ki se vam zdi najbolj prijetna in uporabna za vaša programska prizadevanja. Različni uporabniki imajo lahko različne barve in teme. Na srečo je na voljo veliko možnosti, med katerimi lahko izbirate, bodisi v predkonfiguriranih temah, prenosih razširitev ali zmožnosti prilagajanja teme natanko po svojih željah.

Izberite svojo temo

S temi navodili lahko v celoti prilagodite temo, kot želite. VS Code s svojo množico možnosti ostaja eden najbolj priljubljenih urejevalnikov besedil, njegova sposobnost pridobivanja novih funkcij z razširitvami pa je zelo podoben IDE.

Katere teme uporabljate v VS Code? Ali ste spremenili svojo želeno temo? Sporočite nam v spodnjem razdelku za komentarje.