Programeru je lako podcijeniti važnost svog radnog okruženja. Ne, ne govorimo o vašoj stolici, stolu i boji zidova. Govorimo o vašem virtualnom radnom okruženju.
Osjećati da se vaš uređivač koda Visual Studio osjeća kao kod kuće iznimno je važno za vašu radnu učinkovitost. Font pokriva veliki dio cjelokupnog VS dojma. U ovom članku ćemo vas naučiti kako uređivati fontove u različitim dijelovima uređivača VS Code.
Kako promijeniti font u VS kodu
Čak i ako ste programer koji već dugo radi s VS-om, još uvijek možda ne znate za njegove mogućnosti promjene fonta.
Ako vas nije briga zašto je odabir vlastitog fonta važan, skočite ravno na vodič nekoliko odlomaka u nastavku. Međutim, imajte na umu da razlozi za promjenu fonta (navedeni u nastavku) mogu pomoći vašoj odluci.
Zašto su fontovi toliko važni u VS-u? Pa, ako vam estetski aspekt nije dovoljan (i vjerujte nam, nakon sati i sati provedenih u uređivaču koda, počinje biti važno), zapravo se radi i o funkcionalnosti. Dakle, što čini font "prikladnim" za VS?
Prije svega, želite da razlika između sličnih likova bude uočljiva. Na primjer, lako razlikovanje broja 1 i malog slova L može značajno ubrzati vaše kodiranje i uštedjeti vam vrijeme.
Zatim, tu je i činjenica da neki programeri vole koristiti ligature. Ligature su nekoliko simbola spojenih zajedno. Oni se također nazivaju "glifovima" i mogu puno značiti prilikom kodiranja.
Bez daljnjeg, evo kako promijeniti obitelj fontova u VS:
- Otvorite svoj VS editor.
- Dođite do gornjeg dijela zaslona i odaberite Datoteka.
- Sada u padajućem izborniku idite na Postavke >Postavke.
- Sada ćete vidjeti Uobičajeno korišteno odjeljak s izbornikom na desnoj strani zaslona, fontu možete pristupiti s ove stranice ili slijedeći korak u nastavku.
- Ili kliknite na Uređivač teksta > Font i potražite zadani unos “editor.fontFamily”: “Konzole”.
- Zatim, umjesto "Konzole,” unesite naziv željenog fonta.
Ovo bi trebalo automatski promijeniti obitelj fontova.
Kako promijeniti veličinu fonta u VS kodu
Čak i ako imate savršen vid, poželjet ćete da vam oči budu što udobnije kada pišete redove koda. Baš kao što je neslaganje između sličnih znakova važno pri odabiru obitelji fontova, veličina fonta je važna za olakšavanje kodiranja oku i za učinkovitiji rad.
Ne postoji čarobna formula za najbolju veličinu fonta za kodiranje. U idealnom slučaju, željet ćete vidjeti likove što je jasnije moguće, ali također ćete željeti da linija stane u VS prozor. Dakle, isprobajte različite veličine fonta i pronađite onaj savršeni koji odgovara vašim potrebama kodiranja.
Evo kako promijeniti veličinu fonta u VS Code:
- Idite na Korisničke postavke izbornik (korak broj 3 u vodiču za font).
- Potražite “editor.fontSize”: 15 redak, veličina vašeg fonta može biti postavljena na nešto drugo.
- Zatim, umjesto "15”, unesite željenu veličinu fonta.
Kako promijeniti font Explorera u VS kodu
Značajka Explorer u VS Code radi baš kao i značajka istraživača u većini drugih aplikacija. Koristi se za upravljanje, pregledavanje i otvaranje datoteka i mapa za rad na vašem projektu. Budući da se VS Code temelji na mapama i datotekama, Explorer vam olakšava početak – samo otvorite datoteku/mapu pomoću VS Code. To je tako jednostavno.
Možete očekivati da ćete prilično koristiti VS Code Explorer. Ako vam veličina fonta Explorera ne odgovara, rado ćete znati da je možete promijeniti.
- Idite na Korisničke postavke opet izbornik.
- Naći “editor.fontSize”: 14 unos, veličina vašeg fonta može se razlikovati.
- Promijenite ovo na veličinu fonta po svom izboru, 18 se koristi u ovom primjeru.
Kako promijeniti font terminala u VS kodu
Umjesto da mijenjate prozore ili mijenjate stanje postojećeg terminala, VS Code vam omogućuje korištenje integriranog terminala koji se nalazi u korijenu vašeg projekta/radnog prostora. Naravno, možda biste ovdje trebali promijeniti font radi lakšeg korištenja. Evo kako promijeniti font terminala VS Code:
- Idite do korijenske mape vašeg projekta/radnog prostora.
- Otvori settings.json datoteku pomoću VS koda. Alternativno, u VS Code pritisnite Ctrl+Shift+P (umjesto Ctrl, koristite Command za Mac uređaje) i pronađite settings.json datoteka.
- Promijenite odgovarajuća tri retka u ovo:
"terminal.external.osxExec": "iTerm.app","terminal.integrated.shell.osx": "/bin/zsh",
"terminal.integrated.fontFamily": "D2Coding",
Imajte na umu da D2Coding je primjer. Također možete odabrati bilo koji drugi font koji vam je draži.
- Spremite postavke kada završite.
Da biste promijenili veličinu fonta terminala, idite na "terminal.integrated.fontSize": unos i postavite ga na ono što želite.
Kako promijeniti font za komentare u VS kodu
Unosi komentara koda prema zadanim su postavkama u istom fontu kao i ostatak koda. Ovom promjenom ističu se, što često može spriječiti sate uzaludnog rada (lako je propustiti komentar kada je u istom fontu kao i sve ostalo u VS-u). Koliko god se ovakva stvar činila jednostavnim, rješenje je malo složenije nego što biste očekivali. Također, rezultati možda neće biti idealni, jer bi to moglo uzrokovati neke probleme s poravnavanjem. Ipak, ne škodi probati:
- Idite u korijensku instalacijsku mapu za VS Code na svom uređaju.
- Idite na stil dodira.css ulazak u terminal. Ovo će stvoriti tablicu stilova.
- Sada je vrijeme da dodate pravilo fonta. Evo primjera stila:
.mtk3 {font-family: "iosevka";
veličina fonta: 1em;
stil fonta: kurziv;
}
- Otvorena settings.json i dodajte ovaj unos:
"vscode_custom_css.imports":"file:///Users/username/.vscode/style.css"],
- Sada preuzmite Custom CSS i JS Loader dodatak.
- Nakon što je instaliran, koristite Ctrl+Shift+P naredbu i provjerite je li dodatak omogućen.
- Ponovno pokrenite VS Code.
- Komentari bi sada trebali imati novi font.
Kako promijeniti veličinu fonta bočne trake u VS kodu
U VS Code ne postoji postavka koja korisniku omogućuje promjenu veličine fonta terminala. Međutim, postoji zaobilazno rješenje, a ono uključuje spomenuti Custom CSS i JS Loader dodatak.
- U dodatku idite do pojedinosti proširenja i pažljivo slijedite odjeljak s uputama.
- Koristite sljedeću logiku:
"vscode_custom_css.imports": ["[umetnite prilagođeni URL datoteke]"] - Učinite to za svaku prilagođenu datoteku.
Rezultat bi trebao napraviti mnogo bolju i estetski ugodnu bočnu traku VS Code.
Kako promijeniti font koristeći različite operacijske sustave
Ako kodirate u VS-u, koristite Windows računalo, Mac ili Linux sustav. Iako ova tri nisu identična u smislu VS-a, razlike se uglavnom svode na opciju tipke Ctrl/Cmd i zadane lokacije datoteka VS Code. Dakle, princip promjene fonta u VS Code-u ostaje prilično isti na svim uređajima.
Dodatna FAQ
Zašto ne mogu promijeniti font u VS Code?
Postoji mnogo pogrešaka koje možete napraviti u VS Code-u, a promjena fonta nije tako jednostavna kao u MS Wordu. Budući da ćete koristiti puno kodiranja za promjenu stvarnog fonta VS Code, trebali biste znati o najčešćim nadzorima koje ljudi čine. Provjerite je li svaki unos okružen navodnicima. Na primjer, "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"], neće raditi osim ako ne koristite navodnike. Osim toga, provjerite koristite li razmake između naredbi.
Koji se font koristi za kod u VS Code?
Prema zadanim postavkama, font koji se koristi za kodiranje u VS Code je Consolas. Ako slijedite ovaj vodič, možete promijeniti većinu fontova u VS Code-u, bilo da govorimo o samom kodu, terminalu, komentarima ili značajci istraživača.
Međutim, ako govorite o fontu koji se nalazi na slikama službene web stranice VS Code, nitko vam ne može reći koji je korišten. Osim ako programeri VS Codea eksplicitno ne otkriju koji je font korišten, ne postoji način da to saznate.
Kako mogu hakirati font VS Code?
Izvorno, hack je značio modificirati, ali, ako pod ovim mislite na dodavanje Hack fonta u VS, možete ga dodati putem Hackove web stranice. Preuzmite font TrueType s Hacka. Raspakirajte preuzetu zip datoteku. Instalirajte ekstrahirane datoteke. Zatim idite na Alati, a zatim na Opcije. U izborniku Mogućnosti odaberite Okoliš, a zatim idite na Fontovi i boje. Otvorite padajući izbornik Font i odaberite unos Hack.
Koji font koriste hakeri?
U pravilu svaki programer, uključujući hakere, koristi font koji im se sviđa. Dobar primjer popularnog fonta koji je navodno "hakerski izbor" bio bi Ray Bluetens, također poznat kao Lawn Dart Fontovi.
Promjena opcija fonta u VS kodu
Suočavanje s opcijama fontova u VS Code-u definitivno nije tako jednostavno kao mijenjanje fontova u programu za uređivanje teksta. Međutim, s obzirom da ovdje govorimo o softveru za kodiranje, VS nudi širok izbor opcija u usporedbi sa svojom konkurencijom. Slijedite upute u ovom članku i učinite svoje iskustvo kodiranja što personaliziranijim, jednostavnijim i jednostavnijim.
Jeste li uspjeli urediti postavke fonta u VS Code? Jeste li naišli na probleme? Pomaknite se prema dolje i pogledajte naš odjeljak za komentare u nastavku. Obiluje dobrim savjetima. Nemojte se suzdržavati od postavljanja vlastitog pitanja ili pokretanja rasprave. Naša zajednica rado će pomoći.