Visual Studio Code muuttaa uuden koodin muokkaamisen ja kirjoittamisen vaivattomaksi ja hauskaksi kokemukseksi. VS Coden tumma oletusteema on suunniteltu helpottamaan silmiä kuin tavallinen karkea valkoinen tausta, joka voi aiheuttaa väsymystä pitkien työtuntien jälkeen. Mutta entä jos et todellakaan pidä näytön tummista väreistä työskennellessäsi?
VS Coden modulaarisen suunnittelun etuna on, että sinulla on valtava vapaus vaihtaa alkuperäistä tummaa teemaa monilla erilaisilla mukautusvaihtoehdoilla, jotka kattavat näytön värien, fonttien ja jopa VS Coden integroidun päätteen ulkoasun.
Tämä artikkeli kertoo sinulle kaiken, mitä sinun tulee tietää teemojen muuttamisesta VS Codessa.
Teeman vaihtaminen VS-koodissa
VS Coden yleisteeman muuttaminen on nopeaa ja helppoa. Tässä on mitä sinun tulee tehdä:
- Avaa VS-koodi.
- Valitse "Tiedosto" ("Koodi" macOS:ssä), valitse "Preferences" ja valitse sitten "Color Theme".
- VS Code näyttää sinulle valikoiman valmiita teemoja, joista voit valita avattavasta valikosta.
- Käytä kohdistinnäppäimiä esikatsellaksesi, miltä kukin teema näyttää suoraan näytöllä.
- Paina "Enter" samalla kun valitset valitaksesi käytettävän teeman.
Teeman vaihtaminen toiseksi esikonfiguroiduksi saattaa olla ensimmäinen asia, jonka teet, kun avaat VS Coden ensimmäisen kerran. Koodaus voi viedä paljon aikaa, joten on hyödyllistä käyttää teemaa, josta pidät ja joka ei vahingoita silmiäsi työskennellessäsi.
Kuinka muuttaa pääteteemaa VS Codessa
Jos haluat pitää kiinni useista esikonfiguroiduista päätteen värin ja teeman vaihtoehdoista, prosessi on sama kuin yleisen teeman muuttaminen. Kaikissa integroiduissa teemoissa on vaihtoehtoja muuttaa päätelaitteen ulkoasua, mutta et voi erottaa sitä itse teeman muista osista päävalikosta.
Ennen kuin käytät edellä mainittuja vaiheita teeman vaihtamiseen, avaa päätekonsoli (Ctrl + Shift + P) esikatsellaksesi päätteeseen tehdyt muutokset. Jotkut teemat eivät tee mitään muutoksia terminaaliin, kun taas toiset voivat muuttaa sitä rajusti. Lisäksi vain kohtuullisesti pitävän teeman käyttäminen ei ole hyvä, sillä saatat joutua käyttämään päätelaitetta enemmän kuin alun perin luulit.
On kuitenkin olemassa muutamia kiertotapoja, joiden avulla voit muuttaa päätteen teemaa, joita käsittelemme alla olevissa osioissa.
Materiaaliteeman vaihtaminen VS-koodissa
VS Coden pääominaisuus on jännittävien laajennusten runsaus, jotta voit mukauttaa koodauskokemustasi ja tuoda lisää toimintoja tekstieditoriin. Yksi tällaisista laajennuksista on Material Theme, joka on yksi suosituimmista laatuaan VS Code Marketplacesta.
Materiaaliteemalla on paljon etuja ennalta räätälöityihin malleihin verrattuna, mutta joidenkin käyttäjien mielestä se saattaa puuttua. Tämän laajennuksen käyttöopas sisältää muutamia vinkkejä lisämuutosten tekemiseen tarpeitasi vastaaviksi. Näin muutat Materiaaliteeman yleisteemaa:
- Avaa pikavalikko (Ctrl + Shift + P).
- Kirjoita kehotteeseen "teema".
- Valitse "Asetukset: Väriteema".
- Valitse jokin materiaaliteeman esiasetuksista.
Korostusvärin asettaminen saa osan koodista poksahtamaan, mikä voi olla hyödyllistä, jos se on erityisen tärkeä tai hankala diagnosoida. Voit määrittää korostusvärin seuraavasti:
- Avaa pikavalikko (Ctrl + Shift + P).
- Kirjoita kehotteeseen "materiaaliteema".
- Valitse "Materiaaliteema: Aseta korostusväri".
- Valitse luettelosta haluamasi väri.
Muutetun materiaaliteeman avulla voit saada mukautuksia, jotka ylittävät normin, ja näytämme sinulle kuinka.
Teeman muokkaaminen manuaalisesti VS-koodissa
VS Code mahdollistaa paljon enemmän räätälöinnin kuin vain vaihtamisen muutaman esiasetuksen välillä. Tässä on kaksi tapaa muokata teemaa mielesi mukaan.
Tapa 1 – Lataa mukautettu teema
Räätälöinnistä puhuttaessa emme voi jättää mainitsematta laajaa VS Code Marketplacea. On olemassa useita laajennuksia, jotka muuttavat vain VS-koodin ulkonäköä häiritsemättä sen toimintaa. Näin voit ladata teeman.
- Avaa VS Code Marketplace. Voit myös käyttää näytön vasemmassa reunassa olevaa integroitua Laajennukset-valikkoa.
- Kirjoita hakupalkkiin "teema", jos haluat selata vain kohteita, jotka muuttavat teemaa. Yksi suosituimmista suosituksistamme on edellä mainittu materiaaliteema, mutta olemme varmoja, että löydät itsellesi parhaiten sopivan.
- Lataa laajennus (jos käytät selainta) ja asenna sitten .VSIX-tiedosto valitsemalla "Laajennukset > ellipsikuvake > Asenna VSIX:stä". Vaihtoehtoisesti, kun löydät haluamasi teeman VS Codessa, napsauta sitä ja valitse sitten "Asenna" -painike tietovalikosta (oikea).
- Kun teema on asennettu ja otettu käyttöön, valitse se "Preferences: Color Theme" -komennolla.
Tapa 2 – Teeman muokkaaminen
Kaikki teemat ja asetukset tallennetaan VS-koodiin pelkkää tekstiä käyttäen. Noudata ohjeita päästäksesi näihin asetuksiin ja tekemään haluamasi muutokset:
- Luo työpöytä tai käyttäjäasetustiedosto. Edellinen muuttaa vain nykyisen projektin ulkonäköä, mutta jälkimmäinen säilyy uusissa projekteissa.
- Kirjoita "Preferences: Open Settings" -komento päävalikossa.
- Valitse vasemmassa yläkulmassa oleva välilehti valitaksesi käyttäjän ja työpöydän asetusten välillä.
- Paina "Edit in settings.json" avataksesi tiedoston, joka sisältää muutettavat asetukset.
- Etsi asetus nimeltä "workbench.colorCustomizations".
- Keskity vaihtamaan haluamasi teema lisäämällä se
"[Teeman_nimi]": { }
Theme_name on sen teeman nimi, jota haluat muuttaa. Pidä lainaukset.
- Lisää muutoksia teemaan tehdään uusissa suluissa. Kirjoita muutettavan parametrin nimi (lainausmerkeissä), kirjoita ':' ja valitse sitten haluamasi asetus.
- Tämän oppaan avulla voit etsiä parametrit, joita haluat muuttaa.
- Värit tallennetaan heksadesimaalikoodilla. Käytä värin heksadesimaaliopasta määrittääksesi haluamasi värin.
- Kun olet tehnyt muutokset, tallenna tiedosto.
Tällä menetelmällä voidaan muuttaa useimpia käyttöliittymän ja koodin ulkoasua, mukaan lukien perusteeman väriä, taustoja, päätteen ulkoasua, painikkeiden värejä ja kirjasintyylejä.
Jos mietit, miten VS-koodin fontti vaihdetaan, käytä yllä kuvattua menetelmää 2. Tarvitset todennäköisesti kirjasinoppaan.
Muita usein kysyttyjä kysymyksiä
Mihin VS Code -teemat tallennetaan?
Laajennuksista tulevat teemat tallennetaan VS Coden laajennuskansioon. Tämä sijainti on asennushakemistossasi (esimerkiksi C:) ja se löytyy yleensä täältä:
~/.vscode/extensions
Tässä "~" on VS Coden asennushakemisto.
Perusteemat on tallennettu kansioon: Microsoft VS Code\resources\app\extensions\theme-defaults\themes
Sinun ei kuitenkaan tarvitse käyttää aikaa muutettavien tiedostojen etsimiseen. Käyttäjäasetusten muuttaminen "settings.json"-tiedoston kautta tuottaa paljon nopeampia tuloksia.
Kuinka voin muuttaa kommentin väriä VS-koodissa?
Voit muuttaa kommenttien värejä avaamalla "settings.json"-tiedoston (käytä yllä kuvattua "Method 2" -tapaa), valitsemalla teema, jota haluat muuttaa, ja syöttämällä (lainausmerkein):
"kommentit" : "#heksakoodi"
Tässä "heksakoodi" on halutun värin koodi. Valitse sopiva väri värivalitsimella.
Mikä on VS Coden paras teema?
Paras VS Code -teema on se, joka on mielestäsi miellyttävin ja hyödyllisin ohjelmointityössäsi. Eri käyttäjillä voi olla erilaiset väri- ja teemaasetukset. Onneksi valittavana on paljon vaihtoehtoja, joko esikonfiguroiduissa teemoissa, laajennusten latauksissa tai mahdollisuudessa muokata teemaa juuri sinun mieleiseksesi.
Valitse teemasi
Näiden ohjeiden avulla voit muokata teemaa täysin haluamallasi tavalla. Monipuolisten vaihtoehtojensa ansiosta VS Code on edelleen yksi suosituimmista tekstieditoreista, ja sen kyky saada uusia ominaisuuksia laajennuksilla tekee siitä hyvin samanlaisen kuin IDE.
Mitä teemoja käytät VS Codessa? Oletko tehnyt muutoksia haluamaasi teemaan? Kerro meille alla olevassa kommenttiosassa.
