VS-koodi – Fontin vaihtaminen

Kehittäjän on helppo aliarvioida työympäristönsä merkitystä. Ei, emme keskustele tuolistasi, työpöydästäsi tai seinän väristäsi. Puhumme virtuaalisesta työympäristöstäsi.

Visual Studion koodieditorin tekeminen kodilta on välttämätöntä työn tehokkuuden kannalta. Fontti kattaa suuren osan VS:n kokonaistyylistä. Tässä artikkelissa opetamme sinua muokkaamaan kirjasimia VS-koodieditorin eri osissa.

Syitä VS-koodin kirjasimen vaihtamiseen

Vaikka olisit kehittäjä, joka on työskennellyt VS:n kanssa pitkään, et ehkä tiedä, että sillä on fontinvaihtovaihtoehtoja.

Jos et välitä siitä, miksi fontin valitseminen on välttämätöntä, siirry suoraan muutaman kappaleen alla olevaan opetusohjelmaan. Muista kuitenkin, että kirjasimen vaihtamisen syyt (kuvattu alla) voivat auttaa päätöksessäsi.

Miksi kirjasimet ovat niin tärkeitä VS:ssä? Jos estetiikka ei riitä sinulle (ja luota meihin, koodieditorissa vietettyjen tuntien ja tuntien jälkeen sillä alkaa olla merkitystä), kyse on myös toimivuudesta. Joten mikä tekee fontista "sopivan" VS:lle?

Ensisijaisesti haluat, että ero samankaltaisten hahmojen välillä on huomattava. Esimerkiksi numeron "1" erottaminen "l":stä (pienet kirjaimet L) voi nopeuttaa huomattavasti koodausta ja säästää aikaa.

Sitten on se tosiasia, että jotkut kehittäjät haluavat käyttää ligatuureja. Ligatuurit ovat muutamia toisiinsa yhdistettyjä symboleja, joita kutsutaan yleensä "glyfeiksi". Ne voivat tarkoittaa monia asioita koodattaessa.

Fonttiperheen vaihtaminen VS-koodissa

Muuta kirjasinperhettä VS:ssä seuraavasti:

1. Avaa VS-editori.
   
2. Siirry näytön yläosaan ja valitse "Tiedosto".
   
3. Siirry nyt avattavasta valikosta kohtaan "Asetukset > Asetukset".
   
4. Näet nyt "Yleisesti käytetyt" -osion, jossa on valikko näytön oikealla puolella. Jos se tulee näkyviin, voit käyttää ja muuttaa "Fonttiperhe" tältä sivulta tai jatkaa alla olevien vaiheiden mukaan.
   
5. Napsauta "Tekstieditori > Kirjasin" ja etsi oletusarvo "Consolas, "Courier New", monospace.
   
6. Syötä sitten haluamasi fontin nimi "Consolas…" sijaan.
   

Tämän pitäisi vaihtaa kirjasinperhettä automaattisesti.

Fonttikoon muuttaminen VS-koodissa

Vaikka sinulla olisi täydellinen näkö, haluat pitää silmäsi mahdollisimman mukavana, kun kirjoitat koodirivejä. Samankaltaisten merkkien väliset erot ovat olennaisia ​​kirjasinperheen valinnassa. Sopivan kirjasinkoon käyttäminen koodaukseen voi kuitenkin helpottaa silmiä ja auttaa sinua työskentelemään tehokkaammin.

Ei ole olemassa maagista kaavaa parhaan fontin koon tunnistamiseksi koodaukseen. Ihannetapauksessa haluat nähdä merkit mahdollisimman selkeästi, mutta tarvitset myös rivin, joka sopii VS-ikkunaan. Joten kokeile eri fonttikokoja ja löydä täydellinen, joka sopii koodaustarpeisiisi.

Näin muutat kirjasinkokoa VS Codessa:

1. Siirry kohtaan "Tiedosto -> Asetukset -> Asetukset".
   
2. Etsi "Fonttikoko" -osio ja kirjoita haluamasi kirjasinkoko.
   

Kuinka muuttaa Explorerin fontti VS-koodissa

VS Coden Explorer-ominaisuus toimii kuten muut tiedostoselaimet useimmissa muissa sovelluksissa. Sitä käytetään tiedostojen ja kansioiden hallintaan, selaamiseen ja avaamiseen projektin parissa työskentelemistä varten. Koska VS-koodaus perustuu kansioihin ja tiedostoihin, VS Code Explorer tekee projektin käynnistämisestä helppoa. Sinun tarvitsee vain avata tiedosto/kansio VS Coden avulla. Se on niin yksinkertaista.

Voit odottaa käyttäväsi VS Code Exploreria melko vähän. Jos Explorerin fonttikoko ei sovi sinulle, olet iloinen saadessasi tietää, että voit muuttaa sitä.

1. Siirry kohtaan "Tiedosto -> Asetukset -> Asetukset".
   
2. Etsi "Fonttikoko" -osio ja muuta kokoa tarpeidesi mukaan.
   

Kuinka muuttaa päätteen fonttityyliä VS-koodissa

Ikkunoiden vaihtamisen tai olemassa olevan päätteen tilan muuttamisen sijaan VS Code antaa sinun käyttää integroitua päätelaitetta, joka löytyy projektisi/työtilasi juuresta. Tietenkin sinun kannattaa muuttaa fonttia käytön helpottamiseksi. Näin voit muuttaa VS Code Terminal -fonttia:

1. Siirry projektisi/työtilasi "juurikansioon" .
2. Avaa "settings.json" -tiedosto VS-koodilla. Vaihtoehtoisesti VS Codessa paina "Ctrl + Shift + P" Windowsissa tai "Command + Shift + P" Macissa ja etsi sitten "settings.json" -tiedosto.
   
3. Muuta vastaavat kolme riviä tähän:
   “terminal.external.osxExec”: “iTerm.app”,
“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
   Huomaa, että D2Coding on esimerkki. Voit myös valita minkä tahansa muun haluamasi fontin.
4. Tallenna asetukset, kun olet valmis.

Jos haluat muuttaa VS Terminal -fontin kokoa tyylin muuttamisen jälkeen, siirry kohtaan "terminal.integrated.fontSize": ja aseta se mieltymystesi mukaan.

Kuinka vaihtaa VS-koodin kommenttien fontti

Koodikommenttimerkinnät ovat oletusarvoisesti samassa fontissa kuin muu koodi. Tämän muuttaminen tekee niistä erottuvia, mikä voi usein estää turhaa työtuntia. On helppo unohtaa kommentti, kun siinä on sama fontti kuin kaikessa muussa VS:ssä. Niin yksinkertaiselta kuin tämä saattaakin näyttää, ratkaisu on hieman monimutkaisempi kuin odotat. Myöskään tulokset eivät välttämättä ole ihanteellisia, koska tämä saattaa aiheuttaa kohdistusongelmia. Ei silti haittaa kokeilla:

1. Siirry laitteesi "root-asennus"-kansioon VS-koodia varten.
2. Siirry päätteen "touch style.css" -kohtaan. Tämä luo tyylitaulukon.
3. Nyt on aika lisätä kirjasinsääntö. Tässä esimerkki tyylistä:
   .mtk3 {

font-family: "iosevka";

font-size: 1em;

font-style: italic;

}
4. Avaa "settings.json" ja lisää tämä merkintä:
   "vscode_custom_css.imports":
"file:///Users/username/.vscode/style.css"],
5. Lataa nyt " Custom CSS and JS Loader " -laajennus.
6. Kun olet asentanut, paina "Ctrl + Shift + P" ja varmista, että laajennus on käytössä.
7. Käynnistä VS Code uudelleen.
8. Kommenteissa pitäisi nyt olla uusi fontti.

Sivupalkin fontin koon muuttaminen VS-koodissa

Mikään VS Coden asetus ei salli käyttäjän muuttaa päätteen fonttikokoa. Kiertotapa on kuitenkin olemassa, ja se sisältää mainitun mukautetun CSS- ja JS Loader -laajennuksen.

1. Siirry laajennuksessa varovasti laajennuksen tietoihin ja seuraa opetusohjelman osaa.
2. Käytä seuraavaa logiikkaa:
   "vscode_custom_css.imports": ["[insert custom file URL]"]
3. Tee tämä jokaiselle mukautetulle tiedostolle.

Tuloksen pitäisi tehdä parempi ja esteettisesti miellyttävä VS Code -sivupalkki.

Fontin vaihtaminen eri käyttöjärjestelmillä

Jos koodaat VS:ssä, käytät Windows-, Mac- tai Linux-järjestelmää. Vaikka nämä kolme eivät ole identtisiä VS:n suhteen, erot tiivistyvät enimmäkseen Ctrl / Cmd- näppäinvaihtoehtoon ja VS-kooditiedostojen oletussijainteihin. Joten VS Coden kirjasimen vaihtamisen periaate pysyy melko samana kaikissa laitteissa.

Usein kysytyt kysymykset: Visual Studio -fonttien muuttaminen

Miksi en voi vaihtaa fonttia VS Codessa?

Voit tehdä monia virheitä VS-koodissa. Fontin vaihtaminen ei ole niin yksinkertaista kuin MS Wordissa. Koska käytät paljon koodausta todellisen VS Code -fontin muuttamiseen, sinun pitäisi tietää yleisimmistä ihmisten tekemästä valvonnasta. Varmista, että jokaisen merkinnän ympärillä on lainausmerkit. Esimerkiksi "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"] ei toimi, ellet käytä lainausmerkkejä. Muista lisäksi käyttää välilyöntejä komentojen välissä.

Mitä fonttia käytetään koodina VS Codessa?

Oletusarvoisesti VS Coden koodaamiseen käytetty fontti on Consolas. Jos noudatat tätä opasta, voit muuttaa useimpia kirjasimia VS Codessa, puhummepa sitten itse koodista, päätteestä, kommenteista tai Explorer-ominaisuudesta.

Jos kuitenkin puhut VS Coden virallisilla verkkosivuilla olevasta kirjasimesta, kukaan ei voi kertoa sinulle, mitä fonttia käytettiin. Elleivät VS Coden kehittäjät nimenomaisesti paljasta, mitä fonttia käytettiin, sitä ei voida selvittää.

Kuinka hakkeroida VS Code -fontti?

Aluksi hakkerointi tarkoitti muokkaamista, mutta jos tällä tarkoitat Hack-fontin lisäämistä VS:ään, voit lisätä sen Hackin verkkosivuston kautta . Lataa TrueType-fontti Hackista. Pura ladattu zip-tiedosto. Asenna puretut tiedostot. Siirry sitten kohtaan Työkalut ja sitten Asetukset. Valitse Asetukset-valikosta Ympäristö ja siirry sitten kohtaan Fontit ja värit. Avaa avattava Fontti-valikko ja valitse Hack-merkintä.

Mitä fonttia hakkerit käyttävät?

Nyrkkisääntönä on, että jokainen koodaaja, myös hakkerit, käyttää haluamaansa fonttia. Erinomainen esimerkki suositusta fontista, jonka väitetään olevan "hakkerin valinta", on Ray Bluetens, joka tunnetaan myös nimellä Lawn Dart Fonts.

Fonttiasetusten muuttaminen VS-koodissa

Kirjasinvaihtoehtojen käsitteleminen VS Codessa ei ole yhtä yksinkertaista kuin fonttien vaihtaminen tekstinkäsittelyohjelmassa. Ottaen kuitenkin huomioon, että puhumme tässä koodausohjelmistosta, VS tarjoaa laajan valikoiman vaihtoehtoja kilpailijoihinsa verrattuna. Noudata tämän artikkelin ohjeita ja tee koodauskokemuksestasi mahdollisimman henkilökohtainen, käyttäjäystävällinen ja sujuva.