VS-code - Lettertype wijzigen

Het is gemakkelijk voor een ontwikkelaar om het belang van zijn werkomgeving te onderschatten. Nee, we hebben het niet over de kleur van je stoel, bureau en muur. We hebben het over uw virtuele werkomgeving.

Uw Visual Studio-code-editor als thuis laten voelen, is enorm belangrijk voor uw werkefficiëntie. Het lettertype dekt een groot deel van het algehele VS-gevoel. In dit artikel leren we u hoe u lettertypen kunt bewerken in verschillende delen van de VS Code-editor.

Hoe het lettertype in de VS-code te veranderen

Zelfs als u een ontwikkelaar bent die al heel lang met VS werkt, weet u misschien nog steeds niets van de opties voor het wijzigen van lettertypen.

Als het je niet uitmaakt waarom het belangrijk is om je eigen lettertype te kiezen, ga dan meteen naar de tutorial een paar paragrafen hieronder. Houd er echter rekening mee dat de redenen voor het wijzigen van uw lettertype (hieronder beschreven) u kunnen helpen bij uw beslissing.

Waarom zijn lettertypen zo belangrijk in VS? Nou, als het esthetische aspect niet genoeg voor je is (en geloof ons, na uren en uren doorgebracht in een code-editor, begint het er toe te doen), het gaat eigenlijk ook om functionaliteit. Dus, wat maakt een lettertype "geschikt" voor VS?

In de eerste plaats wilt u dat het onderscheid tussen vergelijkbare karakters opmerkelijk is. Het gemakkelijk onderscheiden van het cijfer 1 en de kleine letter L kan bijvoorbeeld uw codering aanzienlijk versnellen en u tijd besparen.

Dan is er het feit dat sommige ontwikkelaars graag ligaturen gebruiken. Ligaturen zijn een paar symbolen die met elkaar verbonden zijn. Deze worden ook wel 'glyphs' genoemd en ze kunnen veel betekenen bij het coderen.

Zonder verder oponthoud, hier is hoe u de lettertypefamilie in VS kunt wijzigen:

  1. Open uw VS-editor.

  2. Navigeer naar het bovenste deel van het scherm en selecteer Bestand.

  3. Ga nu in het vervolgkeuzemenu naar Voorkeuren >Instellingen.

  4. Je ziet nu de Algemeen gebruikt sectie met een menu aan de rechterkant van het scherm, kunt u het lettertype openen vanaf deze pagina of door de onderstaande stap te volgen.

  5. Of klik op Teksteditor > Lettertype en zoek naar de standaardinvoer “editor.fontFamily”: “Consolas”.

  6. Dan, in plaats van "Consolas”, voer de naam van uw favoriete lettertype in.

Dit zou automatisch de lettertypefamilie moeten veranderen.

Hoe de lettergrootte in VS-code te veranderen

Zelfs als je een perfect gezichtsvermogen hebt, wil je je ogen zo comfortabel mogelijk houden bij het schrijven van coderegels. Net zoals de discrepantie tussen vergelijkbare tekens belangrijk is bij het kiezen van een lettertypefamilie, is de lettergrootte belangrijk om het coderen gemakkelijker te maken en u te helpen efficiënter te werken.

Er is geen magische formule voor de beste lettergrootte voor codering. In het ideale geval wilt u de tekens zo duidelijk mogelijk zien, maar u wilt ook dat de lijn in het VS-venster past. Probeer dus verschillende lettergroottes en vind de perfecte die bij uw codeerbehoeften past.

Ga als volgt te werk om de lettergrootte in VS Code te wijzigen:

  1. Navigeer naar de Gebruikersinstellingen menu (stap nummer 3 in de lettertype-tutorial).

  2. Zoek naar de “editor.fontSize”: 15 regel, is uw lettergrootte mogelijk op iets anders ingesteld.

  3. Dan, in plaats van "15”, voer de gewenste lettergrootte in.

Hoe het lettertype van Explorer in VS-code te veranderen

De Explorer-functie in VS Code werkt net als de Explorer-functie in de meeste andere apps. Het wordt gebruikt om bestanden en mappen te beheren, te bladeren en te openen om aan uw project te werken. Omdat VS Code is gebaseerd op mappen en bestanden, maakt de Verkenner het u gemakkelijk om aan de slag te gaan - open gewoon het bestand/de map met VS Code. Zo simpel is het.

Je kunt verwachten dat je de VS Code Explorer behoorlijk zult gebruiken. Als de lettergrootte van de Explorer niet bij u past, zult u blij zijn te weten dat u deze kunt wijzigen.

  1. Ga naar de Gebruikersinstellingen menu opnieuw.

  2. Vind de “editor.fontSize”: 14 invoer, kan uw lettergrootte afwijken.

  3. Verander dit naar een lettergrootte naar keuze, 18 wordt in dit voorbeeld gebruikt.

Terminallettertype wijzigen in VS-code

In plaats van van venster te wisselen of wijzigingen aan te brengen in de status van de bestaande terminal, kunt u met VS Code een geïntegreerde terminal gebruiken, die te vinden is in de hoofdmap van uw project/werkruimte. Natuurlijk wilt u misschien hier wijzigingen in het lettertype aanbrengen voor gebruiksgemak. Ga als volgt te werk om het lettertype van de VS Code-terminal te wijzigen:

  1. Navigeer naar de hoofdmap van uw project/werkruimte.
  2. Open de instellingen.json bestand met behulp van VS Code. Of druk in VS Code op Ctrl+Shift+P (gebruik Command voor Mac-apparaten in plaats van Ctrl) en zoek de instellingen.json het dossier. VS code json instellingenbestand
  3. Verander de corresponderende drie regels hierin:

    "terminal.external.osxExec": "iTerm.app",

    “terminal.integrated.shell.osx”: “/bin/zsh”,

    “terminal.integrated.fontFamily”: “D2Coding”,

    Let daar op D2Coding is een voorbeeld. U kunt ook een ander lettertype kiezen dat u verkiest.

  4. Sla de instellingen op als u klaar bent.

Om de lettergrootte van de terminal te wijzigen, navigeert u naar de “terminal.integrated.fontSize”: invoer en stel deze in op uw eigen voorkeur.

Hoe het lettertype voor opmerkingen in VS-code te wijzigen

Codecommentaar-items zijn standaard in hetzelfde lettertype als de rest van de code. Als u dit wijzigt, vallen ze op, wat vaak uren verspild werk kan voorkomen (het is gemakkelijk om een ​​opmerking te missen als deze in hetzelfde lettertype is als al het andere in VS). Hoe simpel dit soort dingen ook lijken, de oplossing is iets complexer dan je zou verwachten. Ook zijn de resultaten mogelijk niet ideaal, omdat dit enkele uitlijningsproblemen kan veroorzaken. Toch kan het geen kwaad om te proberen:

  1. Ga naar de rootinstallatiemap voor VS Code op uw apparaat.
  2. Navigeer naar de touch style.css invoer in de terminal. Hiermee wordt een stijlblad gemaakt.
  3. Nu is het tijd om de lettertyperegel toe te voegen. Hier is een voorbeeld van een stijl:

    .mtk3 {

    font-familie: "iosevka";

    lettergrootte: 1em;

    lettertype-stijl: cursief;

    }

  4. Open instellingen.json en voeg dit item toe:

    "vscode_custom_css.imports":

    "file:///Gebruikers/gebruikersnaam/.vscode/style.css"],

  5. Download nu de plug-in Custom CSS en JS Loader.
  6. Nadat het is geïnstalleerd, gebruikt u de Ctrl+Shift+P commando en zorg ervoor dat de plug-in is ingeschakeld.
  7. Start VS-code opnieuw.
  8. De opmerkingen zouden nu een nieuw lettertype moeten hebben.

Hoe de lettergrootte van de zijbalk in VS-code te wijzigen

Er is geen instelling in VS Code waarmee de gebruiker de lettergrootte van de terminal kan wijzigen. Er bestaat echter een tijdelijke oplossing en het betreft de genoemde plug-in Custom CSS en JS Loader.

  1. Navigeer in de plug-in naar de extensiedetails en volg de tutorialsectie zorgvuldig.
  2. Gebruik de volgende logica:

    "vscode_custom_css.imports": ["[insert custom file URL]"]

  3. Doe dit voor elk aangepast bestand.

Het resultaat zou een veel betere en esthetisch aangenamere VS Code-zijbalk moeten opleveren.

Het lettertype wijzigen met verschillende besturingssystemen

Als u in VS codeert, gebruikt u een Windows-computer, een Mac of een Linux-systeem. Hoewel deze drie niet identiek zijn in termen van VS, komen de verschillen meestal neer op de Ctrl/Cmd-toetsoptie en de standaardlocaties van de VS Code-bestanden. Het principe van het wijzigen van lettertypen in VS Code blijft dus vrijwel hetzelfde op alle apparaten.

Aanvullende veelgestelde vragen

Waarom kan ik het lettertype in VS Code niet wijzigen?

Er zijn veel fouten die u kunt maken in VS Code, en het wijzigen van het lettertype is niet zo eenvoudig als in MS Word. Aangezien u veel codering zult gebruiken om het daadwerkelijke VS Code-lettertype te wijzigen, moet u weten wat het meest voorkomende toezicht is dat mensen maken. Zorg ervoor dat elk item tussen aanhalingstekens staat. Bijvoorbeeld, "vscode_custom_css.imports": ["file:///Gebruikers/gebruikersnaam/.vscode/style.css"], werkt alleen als u de aanhalingstekens gebruikt. Zorg er bovendien voor dat u spaties tussen de opdrachten gebruikt.

Welk lettertype wordt gebruikt voor code in VS Code?

Standaard is het lettertype dat wordt gebruikt voor codering in VS Code Consolas. Als u deze handleiding volgt, kunt u de meeste lettertypen in VS Code wijzigen, of we het nu hebben over de code zelf, de terminal, de opmerkingen of de verkennerfunctie.

Als u het echter hebt over het lettertype dat te vinden is op de officiële websiteafbeeldingen van de VS Code, kan niemand u vertellen welk lettertype is gebruikt. Tenzij ontwikkelaars van VS Code expliciet onthullen welk lettertype is gebruikt, is er geen manier om erachter te komen.

Hoe hack ik een VS Code-lettertype?

Oorspronkelijk was hacken bedoeld om te wijzigen, maar als je hiermee het Hack-lettertype aan VS wilt toevoegen, kun je het toevoegen via de Hack-website. Download het TrueType-lettertype van Hack. Pak het gedownloade zipbestand uit. Installeer de uitgepakte bestanden. Ga dan naar Extra, gevolgd door Opties. Selecteer Omgeving in het menu Opties en navigeer vervolgens naar Lettertypen en kleuren. Open het vervolgkeuzemenu Lettertype en selecteer het item Hack.

Welk lettertype gebruiken hackers?

Als vuistregel gebruikt elke codeur, inclusief hackers, een lettertype dat ze leuk vinden. Een goed voorbeeld van een populair lettertype dat naar verluidt een "hacker's choice" is, is Ray Bluetens, ook bekend als Lawn Dart Fonts.

Lettertype-opties wijzigen in VS-code

Omgaan met lettertype-opties in VS Code is zeker niet zo eenvoudig als het wijzigen van lettertypen in een teksteditorprogramma. Aangezien we het hier echter over codeersoftware hebben, biedt VS een breed scala aan opties in vergelijking met zijn concurrentie. Volg de instructies in dit artikel en maak uw codeerervaring zo persoonlijk, gebruiksvriendelijk en soepel mogelijk.

Is het je gelukt om je lettertype-instellingen in VS Code te bewerken? Ben je tegen problemen aangelopen? Scroll naar beneden en bekijk onze opmerkingen hieronder. Het wemelt van de goede adviezen. Schroom niet om zelf een vraag te stellen of een discussie aan te gaan. Onze community helpt u graag verder.