Visual Studio Code pretvara uređivanje i pisanje novog koda u zabavno iskustvo bez muke. Zadana tamna tema VS koda osmišljena je tako da je lakša za oči od uobičajene oštre, bijele pozadine koja može uzrokovati umor nakon dugih sati rada. Ali što ako zapravo ne volite tamne boje na zaslonu dok radite?
Prednost modularnog dizajna VS Code je u tome što imate ogromnu slobodu u promjeni izvorne tamne teme s puno različitih mogućnosti prilagodbe koje obuhvaćaju raspon boja zaslona, fontova, pa čak i izgled samog integriranog terminala VS Code.
Ovaj će vam članak reći sve što trebate znati o promjeni tema u VS Code.
Kako promijeniti temu u VS kodu
Promjena cjelokupne teme u VS Codeu brza je i jednostavna. Evo što trebate učiniti:
- Otvorite VS kod.
- Odaberite Datoteka (kôd na macOS), odaberite Postavke, a zatim odaberite Tema u boji.
- VS Code će vam na padajućem izborniku prikazati izbor unaprijed izgrađenih tema koje možete odabrati.
- Pomoću pokazivačkih tipki pregledajte kako svaka tema izgleda izravno na zaslonu.
- Pritisnite Enter dok odabirete da biste odabrali temu koja će se koristiti.
Promjena teme u drugu unaprijed konfiguriranu možda je prva stvar koju prvi put otvorite VS kôd. Kodiranje može potrajati puno vremena, pa je korisno koristiti temu s kojom se ugodno osjećate i koja ne boli oči tijekom rada.
Windows 10 ne može koristiti izbornik Start
Kako promijeniti temu terminala u VS kodu
Ako se želite pridržavati nekoliko unaprijed konfiguriranih opcija za boju i temu terminala, postupak je isti kao i promjena ukupne teme. Sve integrirane teme uključuju opcije za promjenu izgleda vašeg terminala, ali ne možete ga odvojiti od ostalih dijelova same teme iz glavnog izbornika.
Prije korištenja gore spomenutih koraka za promjenu teme, otvorite konzolu terminala (Ctrl + Shift + P) da biste pregledali promjene izvršene na terminalu. Neke teme ne vrše nikakve promjene na terminalu, dok ih druge mogu drastično pomaknuti. Uz to, ni upotreba teme koja vam se sviđa samo umjereno nije dobra, jer ćete se možda i više služiti terminalom nego što ste u početku mislili.
Međutim, postoji nekoliko zaobilaznih rješenja koja će vam omogućiti da promijenite temu terminala, a koja ćemo obraditi u odjeljcima u nastavku.
Kako promijeniti temu materijala u VS kodu
Glavna značajka VS Code-a je preobilje uzbudljivih proširenja za prilagodbu vašeg iskustva kodiranja i unošenje više funkcionalnosti u uređivač teksta. Jedno od takvih proširenja je Tema materijala , jedno od najpopularnijih te vrste na VS Code Marketplaceu.
Tema materijala ima puno prednosti u odnosu na unaprijed prilagođene dizajne, no nekim bi korisnicima moglo nedostajati. Korisnički priručnik za ovo proširenje sadrži nekoliko savjeta o tome kako unijeti daljnje promjene prema vašim potrebama. Evo kako promijeniti ukupnu temu u Materijalnoj temi:
- Otvorite brzi izbornik (Ctrl + Shift + P).
- Upišite temu u prompt.
- Odaberite Postavke: Tema u boji.
- Odaberite jednu od unaprijed postavljenih postavki teme teme.
Postavljanje boje naglaska učinit će dio koda iskočnim, što može biti korisno ako je dijagnosticiranje posebno važne ili problematične linije. Da biste postavili boju naglaska, slijedite sljedeće korake:
- Otvorite brzi izbornik (Ctrl + Shift + P).
- Upišite temu materijala u odzivnik.
- Odaberite temu materijala: postavite boju naglaska.
- S popisa odaberite boju koja vam se sviđa.
Izmijenjenom temom materijala možete dobiti prilagodbu koja je iznad norme, a mi ćemo vam pokazati kako.
Kako ručno prilagoditi temu u VS kodu
VS kôd omogućuje mnogo više prilagodbi od jednostavne promjene između nekoliko unaprijed postavljenih postavki. Evo dva načina za prilagođavanje teme prema vašim željama.
1. metoda - preuzmite prilagođenu temu
Kad govorimo o prilagodbi, ne možemo a da ne spominjemo ekspanzivno VS Code Marketplace . Postoje razna proširenja koja samo mijenjaju izgled VS koda bez ometanja njegove funkcionalnosti. Evo kako preuzeti temu.
- Otvori VS Code Marketplace . Također možete koristiti integrirani izbornik Proširenja na lijevoj strani zaslona.
- Utipkajte temu u traku za pretraživanje da biste pregledavali samo one stavke koje mijenjaju temu. Jedna od naših najboljih preporuka je gore spomenuta Materijalna tema, ali sigurni smo da možete pronaći onu koja vam najviše odgovara.
- Preuzmite proširenje (ako upotrebljavate preglednik), a zatim instalirajte .VSIX datoteku tako što ćete otići na Proširenja> ikona elipsa> Instaliraj s VSIX-a. Alternativno, kada u VS Code pronađete temu koja vam se sviđa, kliknite je, a zatim na izborniku pojedinosti (desno) odaberite gumb Instaliraj.
- Nakon što je tema instalirana i omogućena, odaberite je naredbom Preferences: Color Theme.
2. metoda - uređivanje teme
Sve teme i postavke pohranjene su u VS Code pomoću otvorenog teksta. Slijedite korake za pristup ovim postavkama i uvođenje željenih promjena:
- Stvorite datoteku radnog stola ili korisničkih postavki. Prvi će samo promijeniti izgled trenutnog projekta, ali drugi će ostati na novim projektima.
- Upišite Postavke: Otvorite naredbu Postavke u glavnom izborniku.
- Odaberite karticu u gornjem lijevom kutu da biste odabrali između postavki korisnika i radnog stola.
- Pritisnite Uredi u settings.json da biste otvorili datoteku koja sadrži postavke koje trebate promijeniti.
- Pronađite postavku nazvanu workbench.colorCustomizations.
- Usredotočite se na promjenu teme koju želite stavljanjem
[Theme_name]: { }
Ime_teme naziv je teme koju želite promijeniti. Zadržite citate.
- Daljnje promjene teme izvršene su u novim zagradama. Upišite ime parametra koji želite promijeniti (pod navodnicima), unesite ‘:’, a zatim odaberite odgovarajuću postavku koja vam je potrebna.
- Koristiti ovaj vodič kako biste pronašli parametre koje želite promijeniti.
- Boje su pohranjene u heksadecimalnom kodu. Koristi heksadecimalni vodič u boji kako biste odredili željenu boju.
- Kad završite s promjenama, spremite datoteku.
Ovom se metodom može promijeniti većina korisničkog sučelja i izgleda koda, uključujući boju osnovne teme, pozadine, izgled terminala, boje gumba i stilove fonta.
Ako se pitate kako promijeniti font u VS kodu, upotrijebite gore opisanu metodu 2. Vjerojatno će vam trebati vodič .
Dodatna česta pitanja
Gdje se pohranjuju teme VS koda?
Teme koje dolaze iz proširenja pohranjene su u mapi s proširenjima VS koda. Ovo se mjesto nalazi u vašem instalacijskom direktoriju (na primjer C :) i obično ga možete pronaći ovdje:
~/.vscode/extensions
Ovdje je ~ instalacijski direktorij za VS kôd.
Osnovne teme pohranjene su u: Microsoft VS Code resources app extensions theme-defaults themes
Međutim, ne trebate trošiti vrijeme tražeći datoteke za promjenu. Promjena korisničkih postavki putem datoteke settings.json donijet će mnogo brže rezultate.
Kako mogu promijeniti boju komentara u VS kodu?
Da biste promijenili boje komentara, otvorite datoteku settings.json (koristite gore opisanu metodu 2), odaberite temu koju želite promijeniti, a zatim unesite (s navodnicima):
možete li prijaviti nekoga zbog nesloge
comments : #hexcode
Ovdje je hexcode kôd željene boje. Pomoću alata za odabir boja odaberite odgovarajuću boju.
Koja je najbolja tema u VS Code?
Najbolja tema VS koda je ona koja vam se čini najugodnijom i najkorisnijom za vaše programske napore. Različiti korisnici mogu imati različite postavke boja i tema. Srećom, postoji mnogo opcija koje možete izabrati, bilo u unaprijed konfiguriranim temama, preuzimanjima proširenja ili u mogućnosti prilagodbe teme točno po vašem ukusu.
Odaberite svoju temu
Pomoću ovih uputa možete u potpunosti prilagoditi temu kako želite. Zahvaljujući bogatstvu mogućnosti, VS Code ostaje jedan od najpopularnijih uređivača teksta, a njegova sposobnost dobivanja novih značajki s proširenjima čini ga vrlo sličnim IDE-u.
Koje teme koristite u VS Code? Jeste li promijenili željenu temu? Javite nam u odjeljku za komentare u nastavku.
