Teeman vaihtaminen VS-koodissa

Visual Studio Code tekee uuden koodin muokkaamisesta ja kirjoittamisesta vaivatonta ja hauskaa kokemusta. VS-koodin oletustumma tumma teema on suunniteltu helpottamaan silmiä kuin tavallinen ankara, 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 Code -moduulirakenteen etuna on, että sinulla on valtava vapaus muuttaa alkuperäistä tummaa teemaa monilla erilaisilla mukautusvaihtoehdoilla, jotka ulottuvat näytön väreihin, kirjasimiin ja jopa VS-koodin integroidun päätelaitteen ulkoasuun.

Tämä artikkeli kertoo sinulle kaiken, mitä sinun tarvitsee tietää teemojen muuttamisesta VS-koodissa.

Kuinka vaihtaa teemaa VS-koodissa

VS-koodin yleisen teeman muuttaminen on nopeaa ja helppoa. Näin sinun on tehtävä:

1. Avaa VS-koodi.
   
2. Valitse Tiedosto (MacOS: n koodi), valitse Asetukset ja sitten Väriteema.
   
3. VS-koodi näyttää valikoiman valmiita teemoja, joista voit valita pudotusvalikossa.
   
4. Käytä nuolinäppäimiä esikatsellaksesi, kuinka kukin teema näyttää suoraan näytöllä.
   
5. Paina Enter, kun valitset valitaksesi valitun teeman.
   

Teeman vaihtaminen toiseksi valmiiksi määritetyksi voi olla ensimmäinen asia, jonka teet, kun avaat VS-koodin ensimmäisen kerran. Koodaaminen voi viedä paljon aikaa, joten on hyödyllistä käyttää sinulle sopivaa teemaa, joka ei vahingoita silmiäsi työskennellessäsi.

Windows 10, kun napsautan Käynnistä, mitään ei tapahdu

Kuinka vaihtaa pääteemaa VS-koodissa

Jos haluat pysyä useissa valmiiksi määritetyissä päätelaitteen värin ja teeman vaihtoehdoissa, prosessi on sama kuin yleisen teeman muuttaminen. Kaikissa integroiduissa teemoissa on vaihtoehtoja päätelaitteen ulkonäön muuttamiseksi, mutta et voi erottaa sitä itse teeman muista osista päävalikosta.

Ennen kuin teet edellä mainittuja vaiheita vaihtaaksesi teemaa, avaa päätelaite (Ctrl + Shift + P) esikatsellaksesi päätelaitteeseen tehtyjä muutoksia. Jotkut teemat eivät tee mitään muutoksia päätelaitteeseen, kun taas toiset voivat muuttaa sitä voimakkaasti. Lisäksi käyttämäsi teema, jota pidät vain maltillisesti, ei ole myöskään hyvä, koska saatat löytää itsesi käyttävän päätelaitetta enemmän kuin alun perin luulit.

On kuitenkin olemassa muutamia kiertotapoja, joiden avulla voit vaihtaa pääteeman, jonka käsittelemme alla olevissa osioissa.

Kuinka vaihtaa materiaaliteemaa VS-koodissa

VS-koodin pääominaisuus on jännittävien laajennusten ylimäärä, jotta voit mukauttaa koodauskokemustasi ja tuoda lisää toimintoja tekstieditoriin. Yksi tällaisista laajennuksista on Materiaaliteema , yksi suosituimmista lajissaan VS Code Marketplacessa.

Materiaaliteemalla on paljon etuja ennalta räätälöityihin malleihin nähden, mutta joillekin käyttäjille se saattaa puuttua. Tämän laajennuksen käyttöoppaassa on muutamia vinkkejä siitä, miten muutoksia voidaan tehdä tarpeidesi mukaan. Materiaaliteeman yleisen teeman muuttaminen:

1. Avaa pikavalikko (Ctrl + Vaihto + P).
   
2. Kirjoita teema kehotteeseen.
   
3. Valitse Asetukset: Väriteema.
   
4. Valitse yksi Materiaaliteeman esiasetuksista.
   

Korostusvärin asettaminen tuo osan koodista esiin, mikä voi olla hyödyllistä, jos se on erityisen tärkeä tai hankala diagnosoida. Voit määrittää aksenttivärin seuraavasti:

1. Avaa pikavalikko (Ctrl + Vaihto + P).
   
2. Kirjoita materiaaliteema kehotteeseen.
   
3. Valitse Materiaaliteema: Aseta korostusväri.
   
4. Valitse haluamasi väri luettelosta.
   

Muutetun materiaaliteeman avulla saat räätälöinnin, joka on normin yläpuolella, ja näytämme sinulle miten.

Teeman manuaalinen muokkaaminen VS-koodissa

VS-koodi mahdollistaa paljon enemmän mukautuksia kuin vain muutama muutama esiasetus. Tässä on kaksi tapaa mukauttaa teema mieltymystesi mukaan.

Tapa 1 - Lataa oma teema

Kun puhumme räätälöinnistä, emme voi jättää mainitsematta laajaa VS Code Marketplace . On olemassa useita laajennuksia, jotka muuttavat vain VS-koodin ulkonäköä häiritsemättä sen toimintaa. Näin voit ladata teeman.

1. Avaa VS Code Marketplace . Voit käyttää myös näytön vasemmalla puolella olevaa integroitua Laajennukset-valikkoa.
   
2. Kirjoita teema hakupalkkiin selataksesi vain niitä kohteita, jotka muuttavat teemaa. Yksi suosituimmista suosituksistamme on edellä mainittu materiaaliteema, mutta olemme varmoja, että löydät sinulle parhaiten sopivan.
   
3. Lataa laajennus (jos käytät selainta) ja asenna sitten .VSIX-tiedosto siirtymällä kohtaan Laajennukset> ellipsikuvake> Asenna VSIX: stä. Vaihtoehtoisesti, kun löydät haluamasi teeman VS-koodista, napsauta sitä ja valitse sitten Asenna-painike yksityiskohtien valikossa.
   
4. Kun teema on asennettu ja otettu käyttöön, valitse se Asetukset: Väriteema -komennolla.
   

Tapa 2 - Teeman muokkaaminen

Kaikki teemat ja asetukset tallennetaan VS-koodiin selkokielellä. Seuraa näitä ohjeita päästäksesi näihin asetuksiin ja tee haluamasi muutokset:

1. Luo työpöytä tai käyttäjän asetustiedosto. Ensin mainittu muuttaa vain nykyisen projektin ulkonäköä, mutta jälkimmäinen pysyy uusien projektien kohdalla.
2. Kirjoita Asetukset: Avaa Asetukset-komento päävalikossa.
   
3. Valitse vasemmassa yläkulmassa oleva välilehti valitaksesi käyttäjän ja työpöydän asetusten välillä.
   
4. Paina muokkaa asetuksissa.json avataksesi tiedosto, joka sisältää muutettavat asetukset.
   
5. Etsi asetus nimeltä workbench.colorCustomizations.
   
6. Keskity haluamasi teeman vaihtamiseen asettamalla

[Theme_name]: { }

Teeman_nimi on muutettavan teeman nimi. Säilytä lainausmerkit.

1. Aiheeseen tehdään lisää muutoksia sulkeisiin. Kirjoita muutettavan parametrin nimi (lainausmerkeissä), kirjoita ‘:’ ja valitse sitten tarvitsemasi asetus.
2. Käyttää tämän oppaan löytää muutettavat parametrit.
3. Värit tallennetaan heksadesimaalikoodiin. Käytä väri heksadesimaalinen opas paikantaa haluamasi väri.
   
4. Kun muutokset on tehty, tallenna tiedosto.
   

Tätä menetelmää voidaan käyttää muuttamaan suurinta osaa käyttöliittymästä ja koodin ulkoasusta, mukaan lukien pääteeman väri, taustat, päätelaitteen ulkonäkö, painikkeiden värit ja kirjasintyylit.

Jos mietit kuinka vaihtaa kirjasinta VS-koodissa, käytä yllä kuvattua tapaa 2. Tarvitset todennäköisesti opas .

Lisäkysymyksiä

Missä VS-kooditeemat tallennetaan?

Laajennuksista tulevat teemat tallennetaan VS-koodin laajennuskansioon. Tämä sijainti on asennushakemistossasi (esimerkiksi C :) ja löytyy yleensä täältä:

~/.vscode/extensions

Tässä ~ on VS-koodin asennushakemisto.

Perusteemat on tallennettu: Microsoft VS Code resources app extensions theme-defaults themes

Sinun ei kuitenkaan tarvitse viettää aikaa tiedostojen etsimiseen muutettavaksi. Käyttäjäasetusten muuttaminen settings.json-tiedoston kautta tuottaa paljon nopeammat tulokset.

Kuinka vaihdan kommentin väriä VS-koodissa?

Jos haluat muuttaa kommentin värejä, avaa settings.json-tiedosto (käytä yllä kuvattua menetelmää 2), valitse muutettava teema ja syötä sitten (lainausmerkeillä):

voinko muuttaa profiilikuvaani Facebookissa ilman, että lähetän sen

comments : #hexcode

Tässä hexcode on halutun värin koodi. Valitse värinvalitsimella sopiva väri.

Mikä on paras teema VS-koodissa?

Paras VS-kooditeema on mielestäsi miellyttävin ja hyödyllisin ohjelmointiponnisteluihisi. Eri käyttäjillä voi olla erilliset väri- ja teema-asetukset. Onneksi valittavana on paljon vaihtoehtoja, joko valmiiksi määritetyissä teemoissa, laajennusten latauksissa tai kyvyssä mukauttaa teema juuri mieleisekseen.

Valitse teema

Näillä ohjeilla voit mukauttaa teeman täysin haluamallasi tavalla. Runsailla vaihtoehdoillaan VS Code on edelleen yksi suosituimmista tekstieditorista, ja sen kyky saada uusia ominaisuuksia laajennuksilla tekee siitä hyvin samanlaisen kuin IDE.

Mitä teemoja käytät VS-koodissa? Oletko tehnyt muutoksia haluamaasi teemaan? Kerro meille alla olevasta kommenttiosasta.