Kaip pakeisti temą VS kode

„Visual Studio Code“ paverčia naujo kodo redagavimą ir rašymą be rūpesčių ir smagia patirtimi. Numatytoji tamsi „VS Code“ tema buvo sukurta taip, kad būtų lengviau akims pakenkti nei įprastas atšiaurus baltas fonas, dėl kurio po ilgų darbo valandų gali atsirasti nuovargis. Bet ką daryti, jei jums nelabai patinka tamsios spalvos ekrane dirbant?

Kaip pakeisti temą VS kode

Modulinio „VS Code“ dizaino pranašumas yra tas, kad jūs turite didžiulę laisvę keisti originalią tamsią temą su daugybe skirtingų tinkinimo parinkčių, apimančių ekrano spalvų gamą, šriftus ir net paties „VS Code“ integruoto terminalo išvaizdą.

Šiame straipsnyje bus pasakyta viskas, ką reikia žinoti apie VS Code temų keitimą.

Kaip pakeisti temą „VS Code“.

Pakeisti bendrą temą „VS Code“ yra greita ir paprasta. Štai ką reikia padaryti:

  1. Atidarykite VS kodą.

  2. Pasirinkite „Failas“ („Kodas“ „MacOS“), pasirinkite „Preferences“, tada pasirinkite „Color Theme“.

  3. „VS Code“ išskleidžiamajame meniu parodys iš anksto sukurtų temų pasirinkimą.

  4. Naudokite žymeklio klavišus, kad peržiūrėtumėte, kaip kiekviena tema atrodo tiesiai ekrane.

  5. Pasirinkdami paspauskite „Enter“, kad pasirinktumėte norimą naudoti temą.

Pakeisti temą į kitą iš anksto sukonfigūruotą gali būti pirmas dalykas, kurį atliksite pirmą kartą atidarę VS kodą. Kodavimas gali užtrukti daug laiko, todėl pravartu naudoti temą, kuri jums patinka ir kuri nekenkia jūsų akims dirbant.

Kaip pakeisti terminalo temą „VS Code“.

Jei norite laikytis kelių iš anksto sukonfigūruotų terminalo spalvos ir temos parinkčių, procesas yra toks pat, kaip ir bendros temos keitimas. Visose integruotose temose yra parinkčių, leidžiančių pakeisti terminalo išvaizdą, tačiau jūs negalite jos atskirti nuo kitų temos dalių pagrindiniame meniu.

Prieš atlikdami aukščiau nurodytus veiksmus, norėdami pakeisti temą, atidarykite terminalo konsolę (Ctrl + Shift + P), kad peržiūrėtumėte terminalo pakeitimus. Kai kurios temos neatlieka jokių terminalo pakeitimų, o kitos gali jį drastiškai pakeisti. Be to, naudoti temą, kuri jums patinka tik saikingai, taip pat nėra gerai, nes galite naudoti terminalą daugiau, nei manėte iš pradžių.

Tačiau yra keletas sprendimų, kurie leis jums pakeisti terminalo temą, kurią aptarsime toliau pateiktuose skyriuose.

Kaip pakeisti medžiagos temą VS kode

Pagrindinė „VS Code“ ypatybė yra daugybė įdomių plėtinių, leidžiančių pritaikyti jūsų kodavimo patirtį ir suteikti daugiau teksto rengyklės funkcijų. Vienas iš tokių plėtinių yra Material Theme, vienas populiariausių tokio pobūdžio VS Code Marketplace.

Medžiagos tema turi daug pranašumų, palyginti su iš anksto pritaikytu dizainu, tačiau kai kuriems vartotojams jos gali pritrūkti. Šio plėtinio vartotojo vadove yra keletas patarimų, kaip atlikti tolesnius pakeitimus, kad jie atitiktų jūsų poreikius. Štai kaip pakeisti bendrą medžiagos temos temą:

  1. Atidarykite greitąjį meniu (Ctrl + Shift + P).

  2. Raginame įveskite „temą“.

  3. Pasirinkite „Nuostatos: spalvų tema“.

  4. Pasirinkite vieną iš medžiagų temos išankstinių nustatymų.

Nustačius akcento spalvą, dalis kodo išryškės, o tai gali būti naudinga, jei tai ypač svarbi arba varginanti eilutė, kurią reikia diagnozuoti. Norėdami nustatyti akcento spalvą, atlikite šiuos veiksmus:

  1. Atidarykite greitąjį meniu (Ctrl + Shift + P).

  2. Raginame įveskite „material theme“.

  3. Pasirinkite „Medžiagos tema: nustatykite akcento spalvą“.

  4. Iš sąrašo pasirinkite jums patinkančią spalvą.

Naudodami pakeistą medžiagos temą galite tinkinti, kas viršija normą, ir mes jums parodysime, kaip tai padaryti.

Kaip rankiniu būdu tinkinti temą „VS Code“.

VS kodas leidžia daug daugiau tinkinti, nei tiesiog pakeisti kelis išankstinius nustatymus. Štai du būdai, kaip pritaikyti temą pagal savo skonį.

1 būdas – atsisiųskite pasirinktinę temą

Kalbėdami apie pritaikymą, negalime nepaminėti plačios VS Code Marketplace. Yra įvairių plėtinių, kurie tik pakeičia VS kodo išvaizdą, netrukdydami jo funkcionalumui. Štai kaip atsisiųsti temą.

  1. Atidarykite „VS Code Marketplace“. Taip pat galite naudoti integruotą meniu „Plėtiniai“ ekrano kairėje.

  2. Paieškos juostoje įveskite „tema“, kad naršytumėte tik tuos elementus, kurie keičia temą. Viena iš svarbiausių mūsų rekomendacijų yra aukščiau paminėta medžiagos tema, tačiau esame tikri, kad rasite sau tinkamiausią.

  3. Atsisiųskite plėtinį (jei naudojate naršyklę), tada įdiekite .VSIX failą eidami į „Plėtiniai > elipsės piktograma > Įdiegti iš VSIX“. Arba, kai „VS Code“ rasite jums patinkančią temą, spustelėkite ją, tada išsamios informacijos (dešinėje) meniu pasirinkite mygtuką „Įdiegti“.

  4. Įdiegę ir įjungę temą, pasirinkite ją naudodami komandą „Nuostatos: spalvų tema“.

2 būdas – temos redagavimas

Visos temos ir nustatymai saugomi VS kode naudojant paprastą tekstą. Norėdami pasiekti šiuos nustatymus ir atlikti norimus pakeitimus, atlikite šiuos veiksmus:

  1. Sukurkite darbastalio arba vartotojo nustatymų failą. Pirmoji tik pakeis dabartinio projekto išvaizdą, o antroji išliks naujuose projektuose.
  2. Pagrindiniame meniu įveskite komandą „Preferences: Open Settings“.

  3. Pasirinkite viršutiniame kairiajame kampe esantį skirtuką, kad pasirinktumėte naudotojo ir darbastalio nustatymus.

  4. Paspauskite „Redaguoti in settings.json“, kad atidarytumėte failą, kuriame yra parametrai, kuriuos reikia pakeisti.

  5. Raskite nustatymą pavadinimu „workbench.colorCustomizations“.

  6. Sutelkite dėmesį į norimos temos keitimą įtraukdami

„[Temos_pavadinimas]“: { }

Theme_name yra temos, kurią norite pakeisti, pavadinimas. Išsaugokite citatas.

  1. Kiti temos pakeitimai padaryti naujuose skliausteliuose. Įveskite parametro, kurį norite pakeisti, pavadinimą (kabutėse), įveskite „:“, tada pasirinkite reikiamą nustatymą.
  2. Norėdami rasti parametrus, kuriuos norite pakeisti, naudokite šį vadovą.
  3. Spalvos saugomos šešioliktainiu kodu. Norėdami tiksliai nustatyti norimą spalvą, naudokite šešioliktainį spalvų vadovą.

  4. Kai atliksite pakeitimus, išsaugokite failą.

Šis metodas gali būti naudojamas norint pakeisti daugumą vartotojo sąsajos ir kodo išvaizdos, įskaitant pagrindinės temos spalvą, foną, terminalo išvaizdą, mygtukų spalvas ir šriftų stilius.

Jei jums įdomu, kaip pakeisti šriftą VS kode, naudokite aukščiau aprašytą 2 metodą. Tikriausiai jums reikės šrifto vadovo.

Papildomi DUK

Kur saugomos VS kodo temos?

Iš plėtinių gaunamos temos saugomos VS Code plėtinių aplanke. Ši vieta yra jūsų diegimo kataloge (pvz., C:) ir paprastai ją galite rasti čia:

~/.vscode/extensions

Čia „~“ yra VS kodo diegimo katalogas.

Pagrindinės temos saugomos: Microsoft VS Code\resources\app\extensions\theme-defaults\themes

Tačiau jums nereikia gaišti laiko ieškant keičiamų failų. Pakeitus vartotojo nustatymus naudojant failą „settings.json“, rezultatai bus daug greitesni.

Kaip pakeisti komentaro spalvą VS kode?

Norėdami pakeisti komentarų spalvas, atidarykite failą „settings.json“ (naudokite aukščiau aprašytą „2 metodą“), pasirinkite temą, kurią norite pakeisti, tada įveskite (su kabutėmis):

"komentarai" : "#hexcode"

Čia „hexcode“ yra norimos spalvos kodas. Norėdami pasirinkti tinkamą spalvą, naudokite spalvų parinkiklį.

Kokia yra geriausia „VS Code“ tema?

Geriausia VS kodo tema yra ta, kuri jums labiausiai patinka ir yra naudingiausia programavimo pastangoms. Skirtingi vartotojai gali turėti skirtingas spalvų ir temų nuostatas. Laimei, yra daugybė pasirinkimų, susijusių su iš anksto sukonfigūruotomis temomis, plėtinių atsisiuntimu ar galimybe tinkinti temą tiksliai pagal savo skonį.

Pasirinkite savo temą

Naudodami šias instrukcijas galite visiškai tinkinti temą, kaip norite. Turėdamas daugybę galimybių, VS Code išlieka viena populiariausių teksto redaktorių, o galimybė įgyti naujų funkcijų su plėtiniais daro jį labai panašų į IDE.

Kokias temas naudojate „VS Code“? Ar atlikote kokių nors pageidaujamos temos pakeitimų? Praneškite mums toliau pateiktame komentarų skyriuje.