Det är lätt för en utvecklare att underskatta vikten av sin arbetsmiljö. Nej, vi pratar inte om din stol, skrivbord och väggfärg. Vi pratar om din virtuella arbetsmiljö.
Att få din Visual Studio -kodredigerare att känna sig som hemma är oerhört viktig för din arbetseffektivitet. Teckensnittet täcker en stor bit av den övergripande VS -känslan. I den här artikeln lär vi dig hur du redigerar teckensnitt i olika delar av VS -kodredigeraren.
Hur man ändrar teckensnitt i VS -kod
Även om du är en utvecklare som har arbetat med VS under en lång tid nu, kanske du fortfarande inte vet om dess alternativ för teckensnittsändring.
Om du inte bryr dig om varför det är viktigt att välja ett eget teckensnitt, hoppa direkt till självstudien några stycken nedan. Tänk dock på att orsakerna till att ändra ditt teckensnitt (beskrivs nedan) kan hjälpa ditt beslut.
Varför är typsnitt så viktiga i VS? Tja, om den estetiska aspekten inte räcker för dig (och lita på oss, efter timmar och timmar i en kodredigerare börjar det spela roll), det handlar faktiskt också om funktionalitet. Så vad gör ett teckensnitt ”lämpligt” för VS?
I första hand vill du att skillnaden mellan liknande karaktärer ska vara anmärkningsvärd. Till exempel, om du enkelt skiljer siffran 1 och gemener L kan påskynda din kodning avsevärt och spara tid.
Sedan finns det det faktum att vissa utvecklare gillar att använda ligaturer. Ligaturer är några symboler sammanfogade. Dessa kallas också ”glyfer”, och de kan betyda mycket när de kodar.
Utan vidare, så här ändrar du teckensnittsfamiljen i VS:
- Öppna din VS -editor.
- Navigera till den övre delen av skärmen och välj Fil.
- Gå nu till rullgardinsmenyn Inställningar> inställningar.
- Nu ser du Vanligen använd med en meny till höger på skärmen, kan du komma åt teckensnittet från den här sidan eller genom att följa steget nedan.
- Eller klicka på Textredigerare> Teckensnitt och leta efter standardposten “Editor.fontFamily”: “Consolas”.
- Då, istället för ”Konsoler, ”Mata in namnet på ditt föredragna teckensnitt.
Detta bör automatiskt ändra teckensnittsfamiljen.
Hur man ändrar teckenstorlek i VS -kod
Även om du har perfekt syn vill du hålla ögonen så bekväma som möjligt när du skriver kodrader. Precis som skillnaden mellan liknande tecken är viktig när du väljer en teckensnittsfamilj, är teckenstorleken viktig för att göra kodningen lättare för ögat och hjälpa dig att arbeta mer effektivt.
Det finns ingen magisk formel för den bästa teckenstorleken för kodning. Helst vill du se karaktärerna så tydligt som möjligt, men du vill också att raden passar VS -fönstret. Så, prova olika teckenstorlekar och hitta den perfekta som passar dina kodningsbehov.
Så här ändrar du teckensnittsstorlek i VS -kod:
- Navigera till Användarinställningar meny (steg nummer 3 i teckensnittshandboken).
- Leta efter ”Editor.fontSize”: 15 rad, kan din teckenstorlek vara inställd på något annat.
- Då, istället för ”15, ”Ange önskad teckenstorlek.
Så här ändrar du Explorer -teckensnitt i VS -kod
Utforskarfunktionen i VS Code fungerar precis som utforskarfunktionen i de flesta andra appar. Det används för att hantera, bläddra och öppna filer och mappar för att arbeta med ditt projekt. Eftersom VS -koden är baserad på mappar och filer gör Explorer det enkelt för dig att komma igång – öppna bara filen/mappen med VS -kod. Så enkelt är det.
Du kan förvänta dig att använda VS Code Explorer en hel del. Om Utforskarens teckensnittsstorlek inte passar dig kommer du gärna att veta att du kan ändra det.
- Gå till Användarinställningar meny igen.
- Hitta ”Editor.fontSize”: 14 post, kan din teckenstorlek variera.
- Ändra detta till en valfri teckenstorlek, 18 används i detta exempel.
Hur man ändrar terminalfont i VS -kod
I stället för att byta fönster eller göra ändringar i den befintliga terminalens tillstånd kan VS Code använda en integrerad terminal som finns i ditt projekts/arbetsytas rot. Självklart kan du göra ändringar i teckensnittet för enkel användning. Så här gör du för att ändra VS -kodens terminalfont:
- Navigera till rotmappen för ditt projekt/arbetsyta.
- Öppna inställningar.json fil med VS -kod. Alternativt kan du i VS -kod trycka på Ctrl+Skift+P (istället för Ctrl, använd Command för Mac -enheter) och hitta inställningar.json fil.
- Ändra motsvarande tre rader till detta:
“terminal.external.osxExec”: “iTerm.app”,
“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
Anteckna det D2Kodning är ett exempel. Du kan också välja andra teckensnitt du föredrar. - Spara inställningarna när du är klar.
Om du vill ändra terminalstorleken, navigerar du till ”Terminal.integrated.fontSize”: post och ställ in den som du vill.
Hur man ändrar teckensnitt för kommentarer i VS -kod
Kodkommentarposter har som standard samma teckensnitt som resten av koden. Att ändra detta gör att de sticker ut, vilket ofta kan förhindra timmar av slösat arbete (det är lätt att missa en kommentar när den är i samma typsnitt som allt annat i VS). Så enkelt som det här kan tyckas, är lösningen lite mer komplex än du förväntar dig. Resultaten kanske inte heller är idealiska, eftersom det kan orsaka vissa justeringsproblem. Ändå skadar det inte att försöka:
- Gå till rotinstallationsmappen för VS -kod på din enhet.
- Navigera till touch -stil. css inträde i terminalen. Detta skapar ett formatmall.
- Nu är det dags att lägga till teckensnittsregeln. Här är ett exempel på en stil:
.mtk3 {font-family: "iosevka";
font-size: 1em;
font-style: italic;
} - Öppen inställningar.json och lägg till den här posten:
"vscode_custom_css.imports":
"file:///Users/username/.vscode/style.css"], - Ladda ner nu Anpassad CSS och JS Loader plugin.
- När det är installerat använder du Ctrl+Skift+P kommando och se till att pluginprogrammet är aktiverat.
- Starta om VS -koden.
- Kommentarer ska nu ha ett nytt teckensnitt.
Hur man ändrar sidofältets teckenstorlek i VS -kod
Det finns ingen inställning i VS -kod som gör det möjligt för användaren att ändra terminalens teckenstorlek. Det finns dock en lösning, och den involverar det nämnda pluginprogrammet Custom CSS och JS Loader.
- I tillägget navigerar du till tilläggsdetaljerna och följer instruktionsavsnittet noggrant.
- Använd följande logik:
"vscode_custom_css.imports": ["[insert custom file URL]"] - Gör detta för varje anpassad fil.
Resultatet borde ge en mycket bättre och estetiskt tilltalande VS Code -sidofält.
Hur man ändrar teckensnitt med olika operativsystem
Om du kodar i VS använder du antingen en Windows -dator, en Mac eller ett Linux -system. Även om dessa tre inte är identiska när det gäller VS, beror skillnaderna mestadels på Ctrl/Cmd -tangenten och standardplatserna för VS -kodfilerna. Så principen om teckensnittsändring i VS -kod förblir i stort sett densamma på alla enheter.
Ytterligare vanliga frågor
Varför kan jag inte ändra teckensnittet i VS -kod?
Det finns många misstag du kan göra i VS -kod, och att ändra teckensnitt är inte lika enkelt som att göra det i MS Word. Eftersom du kommer att använda mycket kodning för att ändra det faktiska VS Code -teckensnittet, borde du veta om de vanligaste tillsynen som människor gör. Se till att varje post är omgiven av citattecken. Till exempel, “Vscode_custom_css.imports”: [“file:///Users/username/.vscode/style.css”], fungerar inte om du inte använder citattecken. Se också till att du använder mellanslag mellan kommandona.
Vilket typsnitt används för kod i VS -kod?
Som standard är det teckensnitt som används för kodning i VS Code Consolas. Om du följer den här guiden kan du ändra de flesta teckensnitt i VS -kod, oavsett om vi pratar om själva koden, terminalen, kommentarerna eller utforskarfunktionen.
Men om du pratar om teckensnittet som finns på VS -kodens officiella webbplatsbilder kan ingen berätta vilken som användes. Om inte VS -kodutvecklare uttryckligen avslöjar vilket typsnitt som användes, finns det inget sätt att ta reda på det.
Hur hackar jag ett VS -kodteckensnitt?
Ursprungligen menade hacka att modifiera, men om du med detta menar att lägga till Hack -teckensnittet till VS kan du lägga till det via Hacks webbplats. Ladda ner TrueType -teckensnittet från Hack. Extrahera den nedladdade zip -filen. Installera de extraherade filerna. Gå sedan till Verktyg, följt av Alternativ. I menyn Alternativ väljer du Miljö och navigerar sedan till Teckensnitt och färger. Öppna rullgardinsmenyn Font och välj Hack -posten.
Vilket typsnitt gör hackare använda sig av?
Som tumregel använder varje kodare, inklusive hackare, ett teckensnitt som de gillar. Ett bra exempel på ett populärt teckensnitt som påstås vara ett ”hackers val” skulle vara Ray Bluetens, även känd som Lawn Dart Fonts.
Ändra teckensnittsalternativ i VS -kod
Att hantera teckensnittsalternativ i VS Code är definitivt inte lika enkelt som att ändra teckensnitt i ett textredigeringsprogram. Men med tanke på att vi talar om kodningsprogramvara här, erbjuder VS ett brett utbud av alternativ jämfört med konkurrenterna. Följ instruktionerna i den här artikeln och gör din kodningsupplevelse så personlig, användarvänlig och smidig som möjligt.
Lyckades du redigera dina teckensnittsinställningar i VS -kod? Har du stött på några problem? Rulla ner och kolla in vårt kommentarsfält nedan. Det vimlar av goda råd. Avstå inte från att ställa en egen fråga eller starta en diskussion heller. Vårt samhälle hjälper mer än gärna.
