Det er lett for en utvikler å undervurdere viktigheten av arbeidsmiljøet sitt. Nei, vi snakker ikke om fargen på stolen, skrivebordet og veggen din. Vi snakker om ditt virtuelle arbeidsmiljø.
Å få Visual Studio-kodeeditoren til å føle seg som hjemme er utrolig viktig for arbeidseffektiviteten din. Fonten dekker en stor del av den generelle VS-følelsen. I denne artikkelen lærer vi deg hvordan du redigerer fonter i ulike deler av VS Code-editoren.
Hvordan endre skrift i VS-kode
Selv om du er en utvikler som har jobbet med VS i lang tid nå, vet du kanskje ikke om alternativene for skriftendring.
Hvis du ikke bryr deg om hvorfor det er viktig å velge din egen skrifttype, gå rett til veiledningen noen avsnitt nedenfor. Husk imidlertid at årsakene til å endre fonten din (skissert nedenfor) kan hjelpe deg med avgjørelsen.
Hvorfor er fonter så viktige i VS? Vel, hvis det estetiske aspektet ikke er nok for deg (og stol på oss, etter timer og timer brukt i et koderedigeringsprogram, begynner det å ha betydning), handler det faktisk også om funksjonalitet. Så, hva gjør en font "passende" for VS?
Først og fremst vil du at skillet mellom lignende karakterer skal være bemerkelsesverdig. Hvis du for eksempel enkelt skiller tallet 1 og liten L kan øke hastigheten på kodingen din betydelig og spare deg for tid.
Så er det det faktum at noen utviklere liker å bruke ligaturer. Ligaturer er noen få symboler som er koblet sammen. Disse kalles også "glyfer", og de kan bety mye når de koder.
Uten videre, her er hvordan du endrer skriftfamilien i VS:
- Åpne VS-editoren.
- Naviger til den øvre delen av skjermen og velg Fil.
- Nå, i rullegardinmenyen, gå til Preferanser >Innstillinger.
- Du vil nå se Ofte brukt seksjon med en meny på høyre side av skjermen, kan du få tilgang til fonten fra denne siden eller ved å følge trinnet nedenfor.
- Eller klikk på Tekstredigering > Skrift og se etter standardoppføringen "editor.fontFamily": "Consolas”.
- Så, i stedet for "Consolas," skriv inn navnet på din foretrukne font.
Dette bør automatisk endre skriftfamilien.
Hvordan endre skriftstørrelse i VS-kode
Selv om du har perfekt syn, vil du ha øynene dine så komfortable som mulig når du skriver kodelinjer. Akkurat som avviket mellom lignende tegn er viktig når du velger en skriftfamilie, er skriftstørrelsen viktig for å gjøre koding lettere for øyet og hjelpe deg å jobbe mer effektivt.
Det er ikke en magisk formel for den beste skriftstørrelsen for koding. Ideelt sett vil du se karakterene så tydelig som mulig, men du vil også at linjen skal passe til VS-vinduet. Så prøv forskjellige skriftstørrelser og finn den perfekte som passer dine kodingsbehov.
Slik endrer du skriftstørrelsen i VS-kode:
- Naviger til Brukerinstillinger menyen (trinn nummer 3 i fontveiledningen).
- Se etter "editor.fontSize": 15 linje, kan skriftstørrelsen din være satt til noe annet.
- Så, i stedet for "15," angi ønsket skriftstørrelse.
Hvordan endre font til Explorer i VS-kode
Utforsker-funksjonen i VS Code fungerer akkurat som utforsker-funksjonen i de fleste andre apper. Den brukes til å administrere, bla gjennom og åpne filer og mapper for å jobbe med prosjektet ditt. Siden VS Code er basert på mapper og filer, gjør Utforskeren det enkelt for deg å komme i gang – bare åpne filen/mappen med VS Code. Det er så enkelt.
Du kan forvente å bruke VS Code Explorer litt. Hvis Explorers skriftstørrelse ikke passer deg, vil du gjerne vite at du kan endre den.
- Gå til Brukerinstillinger menyen igjen.
- Finn "editor.fontSize": 14 oppføring, kan skriftstørrelsen din variere.
- Endre dette til en skriftstørrelse du velger, 18 brukes i dette eksemplet.
Hvordan endre terminalfont i VS-kode
I stedet for å bytte vinduer eller gjøre endringer i den eksisterende terminalens tilstand, lar VS Code deg bruke en integrert terminal, som finnes i prosjektets/arbeidsområdets rot. Selvfølgelig kan det være lurt å gjøre endringer i fonten her for enkel bruk. Slik går du frem for å endre VS Code-terminalfonten:
- Naviger til rotmappen til prosjektet/arbeidsområdet ditt.
- Åpne settings.json fil ved hjelp av VS-kode. Alternativt, i VS-kode, trykk Ctrl+Shift+P (i stedet for Ctrl, bruk Command for Mac-enheter) og finn settings.json fil.
- Endre de tilsvarende tre linjene til dette:
"terminal.external.osxExec": "iTerm.app","terminal.integrated.shell.osx": "/bin/zsh",
"terminal.integrated.fontFamily": "D2Coding",
Noter det D2Coding er et eksempel. Du kan også velge hvilken som helst annen font du foretrekker.
- Lagre innstillingene når du er ferdig.
For å endre terminalens skriftstørrelse, naviger til "terminal.integrated.fontSize": oppføring og sett den til det du ønsker.
Hvordan endre skrift for kommentarer i VS-kode
Kodekommentaroppføringer er som standard i samme skrifttype som resten av koden. Hvis du endrer dette, skiller de seg ut, noe som ofte kan forhindre timer med bortkastet arbeid (det er lett å gå glipp av en kommentar når den er i samme skrifttype som alt annet i VS). Så enkelt som denne typen ting kan virke, er løsningen litt mer kompleks enn du forventer. Det kan også hende at resultatene ikke er ideelle, da dette kan forårsake noen justeringsproblemer. Likevel skader det ikke å prøve:
- Gå til rotinstallasjonsmappen for VS-kode på enheten din.
- Naviger til trykk på style.css inngang i terminalen. Dette vil lage et stilark.
- Nå er det på tide å legge til skrifttyperegelen. Her er et eksempel på en stil:
.mtk3 {font-familie: "iosevka";
skriftstørrelse: 1em;
skriftstil: kursiv;
}
- Åpen settings.json og legg til denne oppføringen:
"vscode_custom_css.imports":"file:///Brukere/brukernavn/.vscode/style.css"],
- Last ned Custom CSS og JS Loader-plugin.
- Når den er installert, bruk Ctrl+Shift+P kommandoen og sørg for at plugin-en er aktivert.
- Start VS-kode på nytt.
- Kommentarene skal nå ha en ny font.
Hvordan endre sidefeltskriftstørrelse i VS-kode
Det er ingen innstilling i VS-kode som lar brukeren endre terminalens skriftstørrelse. Det finnes imidlertid en løsning, og den involverer den nevnte Custom CSS og JS Loader-plugin.
- I pluginet, naviger til utvidelsesdetaljene og følg veiledningsdelen nøye.
- Bruk følgende logikk:
"vscode_custom_css.imports": ["[sett inn egendefinert fil-URL]"] - Gjør dette for hver egendefinerte fil.
Resultatet skulle gi en mye bedre og estetisk tiltalende VS Code sidebar.
Hvordan endre skrift ved hjelp av forskjellige operativsystemer
Hvis du koder i VS, bruker du enten en Windows-datamaskin, en Mac eller et Linux-system. Selv om disse tre ikke er identiske når det gjelder VS, koker forskjellene stort sett ned til Ctrl/Cmd-tastalternativet og standardplasseringene til VS-kodefilene. Så prinsippet om skriftendring i VS-kode forblir stort sett det samme på alle enheter.
Ytterligere vanlige spørsmål
Hvorfor kan jeg ikke endre fonten i VS Code?
Det er mange feil du kan gjøre i VS-kode, og å endre fonten er ikke like enkelt som å gjøre det i MS Word. Siden du vil bruke mye koding for å endre den faktiske VS Code-fonten, bør du vite om de vanligste tilsynene folk gjør. Sørg for at hver oppføring er omgitt av anførselstegn. For eksempel, “vscode_custom_css.imports”: [“file:///Users/username/.vscode/style.css”], fungerer ikke med mindre du bruker anførselstegn. Pass i tillegg på at du bruker mellomrom mellom kommandoene.
Hvilken font brukes for kode i VS-kode?
Som standard er fonten som brukes for koding i VS-kode Consolas. Hvis du følger denne veiledningen, kan du endre de fleste fontene i VS Code, enten vi snakker om selve koden, terminalen, kommentarene eller utforskerfunksjonen.
Men hvis du snakker om fonten som finnes på VS-kodens offisielle nettsidebilder, kan ingen fortelle deg hvilken som ble brukt. Med mindre VS Code-utviklere eksplisitt avslører hvilken font som ble brukt, er det ingen måte å finne ut av det.
Hvordan hacker jeg en VS Code-font?
Opprinnelig betydde å hacke å modifisere, men hvis du med dette mener å legge til Hack-fonten til VS, kan du legge den til via Hackens nettsted. Last ned TrueType-fonten fra Hack. Pakk ut den nedlastede zip-filen. Installer de utpakkede filene. Gå deretter til Verktøy, etterfulgt av Alternativer. I Alternativer-menyen, velg Miljø, og naviger deretter til Skrifter og farger. Åpne Font-rullegardinmenyen og velg Hack-oppføringen.
Hvilken font bruker hackere?
Som en tommelfingerregel bruker hver koder, inkludert hackere, en font de liker. Et godt eksempel på en populær font som angivelig er et "hackers valg" vil være Ray Bluetens, også kjent som Lawn Dart Fonts.
Endre skriftalternativer i VS-kode
Å håndtere fontalternativer i VS Code er definitivt ikke like enkelt som å endre fonter i et tekstredigeringsprogram. Men med tanke på at vi snakker om kodingsprogramvare her, tilbyr VS et bredt utvalg av alternativer sammenlignet med konkurrentene. Følg instruksjonene i denne artikkelen og gjør kodingsopplevelsen din så personlig, brukervennlig og smidig som mulig.
Klarte du å redigere fontinnstillingene dine i VS Code? Fikk du noen problemer? Rull ned og sjekk ut vår kommentarseksjon nedenfor. Det vrimler av gode råd. Ikke la være å stille ditt eget spørsmål eller starte en diskusjon heller. Samfunnet vårt hjelper mer enn gjerne.