Johdanto
Visual Studio Code (VS Code) on yksi suosituimmista koodieditoreista teknologiateollisuudessa, sillä se tarjoaa vankkoja ominaisuuksia ja kevyttä suunnittelua, jotka ovat tehneet siitä kehittäjien suosikkikoodieditorin maailmanlaajuisesti. Sen suosio johtuu osittain sen räätälöitävästä ulkonäöstä, jonka avulla voimme luoda hienoja ja katseenvangitsevia koodaustiloja. Tässä artikkelissa tutkimme, miten voit mukauttaa vs-koodin ulkoasua mieltymystesi mukaan, mukaan lukien koodieditoriteemat, kuvaketeemat ja työkalupalkin värimuutokset.
Kuvaketeemat
Vaikka Visual Studio Coden oletuskuvakkeet ovat kunnossa, miksi rajoittuisit niihin, kun voit pitää visuaalista juhlaa? Voit muuttaa tiedostoselaimen ulkoasua kuvaketeemoilla, jotka parantavat sekä sen visuaalista vetovoimaa että käytettävyyttä.
Yksi suosituimmista vaihtoehdoista kehittäjien keskuudessa on Material Icon Theme -laajennus. Tämän laajennuksen avulla tiedostojen hallinnassasi on värikäs ja hyvin organisoitu kokoelma kuvakkeita, jotka on mallinnettu Googlen materiaalisuunnittelun mukaan. Kaikilla tiedostoilla on oma erottuva ja välittömästi tunnistettavissa oleva kuvake, joka tekee työtilastasi kokonaisuutena paremman.
Voit asentaa Material Icon Theme -laajennuksen seuraavasti:
-
Avaa Visual Studio Code.
-
Siirry Laajennukset-näkymään napsauttamalla ikkunan vasemman reunan työkalupalkin Laajennukset-kuvaketta.
-
Etsi "Material Icon Theme" ja napsauta Asenna.
Napsauta asennuksen jälkeen rataskuvaketta vasemmassa alakulmassa ja valitse "Tiedostokuvaketeema" valitaksesi materiaalikuvaketeeman.
Koodieditorin teemat
Nyt kun tiedostonhallinta näyttää hyvältä, keskitytään itse koodieditoriin. Vaikka VS Coden vaaleat ja tummat oletusteemat ovat mahtavia, joskus kaipaat jotain persoonallisempaa ja tyylikkäämpää.
Yksi hyvä vaihtoehto teemaksi, erityisesti niille, jotka koodaavat mieluummin pimeässä, on Night Owl -teeman laajennus. Night Owlissa, joka on luotu kontrastia ja luettavuutta ajatellen, on rauhoittava värimaailma, joka auttaa vähentämään silmien rasitusta pitkien koodausistuntojen aikana.
Night Owl -teemalaajennuksen asentaminen:
Siirry Laajennukset-näkymään.
Etsi "Night Owl" ja napsauta Asenna.
Valitse asennuksen jälkeen teemaksi Night Owl avaamalla komentopaletti (Ctrl+Shift+P Windowsissa/Linuxissa, Cmd+Shift+P macOS:ssä), valitsemalla "Väriteema" ja valitsemalla Yökyöpeli asennettujen teemojen luettelosta. koodieditorissasi.
Työkalupalkin väri
Nyt kun koodieditorisi ulkoasu ja tuntu ovat täydelliset, muokataan työkalupalkin väriä niin, että se tuo päälle. Tässä kohtaa riikinkukon laajennus tulee peliin.
Peacock-laajennuksen ansiosta voit mukauttaa työtilaasi muuttamalla koodieditorin sivulla olevan työkalupalkin väriä. Tämä ei ole vain esteettisesti miellyttävä, mutta jos sinulla on useita VS-koodin esiintymiä avoinna, se voi myös auttaa sinua erottamaan ne toisistaan.
Peacock-laajennuksen asentaminen:
-
Siirry Laajennukset-näkymään.
-
Etsi "Peacock" ja napsauta asenna.
Asennuksen jälkeen voit mukauttaa työkalupalkin väriä avaamalla komentopaletin, etsimällä "Peacock: Enter a color" ja asettamalla sitten heksadesimaaliarvon värille, jonka haluat asettaa vs code -työkaluriville.
Johtopäätös
Visual Studio -koodin mukauttaminen on enemmän kuin vain värien vaihtamista. Sinun on myös luotava koodausympäristö, joka sopii tyyliisi ja lisää tuottavuutta. Joten voit vapaasti leikkiä ja luoda koodausalueen, joka stimuloi mielikuvitustasi ulkonäön suhteen sekä tutkia muita upean VS Coden hienoja ominaisuuksia. Hyvää koodausta!
