Kuidas muuta VS-koodi teemat

Visual Studio Code muudab redigeerimise ja uue koodi kirjutamise probleemivabaks ja lõbusaks kogemuseks. VS Code'i tume vaiketeema loodi nii, et see oleks silmadele kergem kui tavaline karm valge taust, mis võib pärast pikki töötunde põhjustada väsimust. Aga mis siis, kui teile ei meeldi töötamise ajal ekraanil kuvatavad tumedad värvid?

Kuidas muuta VS-koodi teemat

VS Code'i modulaarse disaini eeliseks on see, et teil on tohutu vabadus algse tumeda teema muutmisel paljude erinevate kohandamisvalikutega, mis hõlmavad ekraani värvide, fontide ja isegi VS Code'i integreeritud terminali enda välimust.

See artikkel ütleb teile kõik, mida peate teadma VS Code'i teemade muutmise kohta.

Kuidas VS-koodis teemat muuta

VS Code'i üldise teema muutmine on kiire ja lihtne. Peate tegema järgmist.

  1. Avage VS-kood.

  2. Valige "File" (macOS-is "Code"), valige "Preferences" ja seejärel "Color Theme".

  3. VS Code näitab teile rippmenüüs valikut eelehitatud teemadest.

  4. Kasutage kursoriklahve, et vaadata eelvaadet, kuidas iga teema otse ekraanil välja näeb.

  5. Kasutatava teema valimiseks vajutage valimise ajal sisestusklahvi.

Teema muutmine mõne muu eelkonfigureeritud teema vastu võib olla esimene asi, mida teete VS-koodi esmakordsel avamisel. Kodeerimine võib võtta palju aega, seega on kasulik kasutada teemat, mis teile meeldib ja mis ei kahjusta teie silmi töötamise ajal.

Kuidas muuta oma terminali teemat VS-koodis

Kui soovite kinni pidada mitmest terminali värvi ja teema eelkonfigureeritud valikust, on protsess sama, mis üldise teema muutmine. Kõik integreeritud teemad sisaldavad valikuid terminali välimuse muutmiseks, kuid te ei saa seda peamenüüst teema teistest osadest eraldada.

Enne eelnimetatud sammude kasutamist teema muutmiseks avage terminali konsool (Ctrl + Shift + P), et näha terminalis tehtud muudatusi. Mõned teemad ei muuda terminali, samas kui teised võivad seda drastiliselt nihutada. Lisaks ei ole hea ka mõõdukalt meeldiva teema kasutamine, kuna võite terminali kasutada rohkem, kui esialgu arvasite.

Siiski on mõned lahendused, mis võimaldavad teil terminali teemat muuta, mida käsitleme allolevates jaotistes.

Kuidas muuta materjali teemat VS-koodis

VS Code'i peamine omadus on põnevate laienduste üleküllus, et kohandada teie kodeerimiskogemust ja tuua tekstiredaktorisse rohkem funktsioone. Üks sellistest laiendustest on materjaliteema, mis on VS Code Marketplace'i üks populaarsemaid omataolisi.

Materjali teemal on eelkohandatud kujundustega võrreldes palju eeliseid, kuid mõnel kasutajal võib see puududa. Selle laienduse kasutusjuhend sisaldab mõningaid näpunäiteid, kuidas oma vajadustele vastavaid muudatusi teha. Materjali teema üldist teemat saate muuta järgmiselt.

  1. Avage kiirmenüü (Ctrl + Shift + P).

  2. Sisestage viibale "teema".

  3. Valige "Eelistused: värviteema".

  4. Valige üks materjaliteema eelseadetest.

Aktsentvärvi määramine muudab osa koodist popiks, mis võib olla kasulik, kui see on diagnoosimiseks eriti oluline või tülikas rida. Aktsentvärvi määramiseks toimige järgmiselt.

  1. Avage kiirmenüü (Ctrl + Shift + P).

  2. Sisestage viipale „materiaalne teema”.

  3. Valige "Materiaali teema: määrake aktsentvärv".

  4. Valige loendist teile meeldiv värv.

Muudetud materjaliteemaga saate kohandada, mis ületab normi, ja me näitame teile, kuidas.

Kuidas VS-koodis teemat käsitsi kohandada

VS-kood võimaldab palju rohkem kohandamist kui lihtsalt mõne eelseade vahel vahetamine. Siin on kaks võimalust teema kohandamiseks vastavalt oma maitsele.

1. meetod – laadige alla kohandatud teema

Kohandamisest rääkides ei saa me mainimata jätta ulatuslikku VS Code Marketplace'i. On olemas mitmesuguseid laiendusi, mis muudavad ainult VS-koodi välimust, ilma selle funktsionaalsust segamata. Siit saate teada, kuidas teemat alla laadida.

  1. Avage VS Code Marketplace. Võite kasutada ka integreeritud menüüd "Laiendused" ekraani vasakus servas.

  2. Sisestage otsinguribale "teema", et sirvida ainult teemat muutvaid üksusi. Üks meie peamisi soovitusi on ülalmainitud materjaliteema, kuid oleme kindlad, et leiate selle, mis teile kõige paremini sobib.

  3. Laadige laiendus alla (kui kasutate brauserit), seejärel installige VSIX-fail, valides „Laiendused > ellipsikoon > Installi VSIX-ist”. Teise võimalusena, kui leiate VS Code'is teile meeldiva teema, klõpsake sellel ja seejärel valige üksikasjade menüüst (paremal) nupp "Install".

  4. Kui teema on installitud ja lubatud, valige see käsuga "Eelistused: värviteema".

2. meetod – teema redigeerimine

Kõik teemad ja sätted salvestatakse tavateksti abil VS-koodi. Nendele seadetele juurdepääsemiseks ja soovitud muudatuste tegemiseks järgige juhiseid.

  1. Looge töölaud või kasutaja seadete fail. Esimene muudab ainult praeguse projekti välimust, kuid viimane jääb uutesse projektidesse.
  2. Tippige peamenüüsse käsk "Preferences: Open Settings".

  3. Valige vasakus ülanurgas vahekaart, et valida kasutaja ja töölaua seadete vahel.

  4. Muudatavaid seadeid sisaldava faili avamiseks vajutage nuppu „Muuda saidil settings.json”.

  5. Leidke seade nimega „workbench.colorCustomizations”.

  6. Keskenduge soovitud teema muutmisele, lisades selle

„[Teema_nimi]”: { }

Teema_nimi on selle teema nimi, mida soovite muuta. Hoidke jutumärgid alles.

  1. Edasised muudatused teemas tehakse uutes sulgudes. Sisestage parameetri nimi, mida soovite muuta (jutumärkides), tippige ":" ja seejärel valige sobiv seade.
  2. Kasutage seda juhendit parameetrite leidmiseks, mida soovite muuta.
  3. Värvid salvestatakse kuueteistkümnendkoodis. Soovitud värvi määramiseks kasutage kuueteistkümnendsüsteemi värvijuhist.

  4. Kui olete muudatustega lõpetanud, salvestage fail.

Seda meetodit saab kasutada enamiku kasutajaliidese ja koodi välimuse muutmiseks, sealhulgas põhiteema värvi, tausta, terminali välimuse, nuppude värvide ja fondi stiilide muutmiseks.

Kui soovite teada, kuidas VS-koodis fonti muuta, kasutage ülalkirjeldatud meetodit 2. Tõenäoliselt vajate fondijuhendit.

Täiendavad KKK

Kus VS-koodi teemasid hoitakse?

Laiendustest pärinevad teemad salvestatakse VS Code'i laienduste kausta. See asukoht on teie installikataloogis (näiteks C:) ja selle leiate tavaliselt siit:

~/.vscode/extensions

Siin on "~" VS Code installikataloog.

Põhiteemad on salvestatud: Microsoft VS Code\resources\app\extensions\theme-defaults\themes

Siiski ei pea te kulutama aega muudetavate failide otsimisele. Kasutajaseadete muutmine faili „settings.json” kaudu annab palju kiiremaid tulemusi.

Kuidas VS-koodis kommentaari värvi muuta?

Kommentaaride värvide muutmiseks avage fail „settings.json” (kasutage ülalkirjeldatud meetodit 2), valige teema, mida soovite muuta, ja seejärel sisestage (jutumärkidega):

"kommentaarid" : "#heksakood"

Siin on "kuueteistkümnendkood" soovitud värvi kood. Kasutage sobiva värvi valimiseks värvivalijat.

Mis on VS-koodi parim teema?

Parim VS-koodi teema on see, mis on teie programmeerimistööde jaoks kõige meeldivam ja kasulikum. Erinevatel kasutajatel võivad olla erinevad värvi- ja teemaeelistused. Õnneks on valikuvõimaluste hulgast palju, kas eelkonfigureeritud teemade, laienduse allalaadimiste või teemade kohandamise võimaluses täpselt oma maitse järgi.

Valige oma teema

Nende juhiste abil saate teemat vastavalt oma soovile täielikult kohandada. Oma paljude võimaluste tõttu on VS Code endiselt üks populaarsemaid tekstiredaktoreid ja selle võime saada laiendustega uusi funktsioone muudab selle väga sarnaseks IDE-ga.

Milliseid teemasid te VS Code'is kasutate? Kas olete eelistatud teemas muudatusi teinud? Andke meile teada allpool olevas kommentaaride jaotises.