És fàcil per a un desenvolupador subestimar la importància del seu entorn de treball. No, no estem parlant del color de la vostra cadira, escriptori i paret. Estem parlant del teu entorn de treball virtual.
Fer que el vostre editor de codi de Visual Studio se senti com a casa és molt important per a la vostra eficiència laboral. El tipus de lletra cobreix una gran part de la sensació general de VS. En aquest article, us ensenyarem com editar els tipus de lletra en diverses parts de l'editor VS Code.
Com canviar el tipus de lletra al codi VS
Fins i tot si sou un desenvolupador que ha estat treballant amb VS des de fa molt de temps, potser encara no coneixeu les seves opcions de canvi de font.
Si no us interessa per què és important triar el vostre propi tipus de lletra, aneu directament al tutorial d'uns quants paràgrafs a continuació. Tingueu en compte, però, que les raons per canviar el vostre tipus de lletra (que es descriuen a continuació) poden ajudar a la vostra decisió.
Per què són tan importants els tipus de lletra a VS? Bé, si l'aspecte estètic no és suficient per a vostè (i confieu en nosaltres, després d'hores i hores passats en un editor de codi, comença a importar), en realitat també es tracta de funcionalitat. Aleshores, què fa que un tipus de lletra sigui "adequat" per a VS?
Principalment, voldreu que la distinció entre personatges similars sigui notable. Per exemple, distingir fàcilment el número 1 i la L minúscula pot accelerar significativament la vostra codificació i estalviar temps.
Després, hi ha el fet que alguns desenvolupadors els agrada utilitzar lligadures. Les lligadures són uns quants símbols units. Aquests també s'anomenen "glifs" i poden significar molt quan es codifiquen.
Sense més preàmbuls, aquí teniu com canviar la família de tipus de lletra a VS:
- Obriu el vostre editor VS.
- Navegueu a la part superior de la pantalla i seleccioneu Dossier.
- Ara, al menú desplegable, aneu a Preferències >Configuració.
- Ara veuràs el Freqüentment usat amb un menú a la part dreta de la pantalla, podeu accedir al tipus de lletra des d'aquesta pàgina o seguint el pas següent.
- O, feu clic a Editor de text > Tipus de lletra i cerqueu l'entrada predeterminada “editor.fontFamily”: “Consoles”.
- Aleshores, en lloc de "Consoles," introduïu el nom del vostre tipus de lletra preferit.
Això hauria de canviar automàticament la família de tipus de lletra.
Com canviar la mida de la lletra al codi VS
Fins i tot si teniu una visió perfecta, voldreu mantenir els ulls tan còmodes com sigui possible quan escriviu línies de codi. De la mateixa manera que la discrepància entre caràcters similars és important a l'hora de triar una família de tipus de lletra, la mida de la lletra és important per facilitar la codificació a la vista i ajudar-vos a treballar de manera més eficient.
No hi ha una fórmula màgica per a la millor mida de lletra per a la codificació. Idealment, voldreu veure els caràcters amb la màxima claredat possible, però també voldreu que la línia s'ajusti a la finestra VS. Per tant, proveu diferents mides de lletra i trobeu la perfecta que s'adapti a les vostres necessitats de codificació.
A continuació s'explica com canviar la mida de la lletra a VS Code:
- Navegueu fins a Configuració d'usuari menú (pas número 3 del tutorial de tipus de lletra).
- Busca el “editor.fontSize”: 15 línia, la mida del tipus de lletra pot ser diferent.
- Aleshores, en lloc de "15," introduïu la vostra mida de lletra preferida.
Com canviar el tipus de lletra de l'explorador al codi VS
La funció d'explorador de VS Code funciona igual que la funció d'explorador de la majoria d'aplicacions. S'utilitza per gestionar, explorar i obrir fitxers i carpetes per treballar en el vostre projecte. Com que VS Code es basa en carpetes i fitxers, l'Explorador us facilita començar: només cal que obriu el fitxer/carpeta amb VS Code. És tan senzill com això.
Podeu esperar utilitzar el VS Code Explorer una mica. Si la mida de la lletra de l'Explorador no us convé, estareu encantats de saber que podeu canviar-la.
- Aneu a la Configuració d'usuari menú de nou.
- Troba el “editor.fontSize”: 14 entrada, la mida de la lletra pot ser diferent.
- Canvieu-ho a la mida de lletra que vulgueu, 18 s'utilitza en aquest exemple.
Com canviar la font del terminal al codi VS
En lloc de canviar de finestra o fer canvis a l'estat del terminal existent, VS Code us permet utilitzar un terminal integrat, que es troba a l'arrel del vostre projecte/espai de treball. Per descomptat, és possible que vulgueu fer canvis al tipus de lletra aquí per facilitar-ne l'ús. A continuació s'explica com canviar el tipus de lletra del terminal VS Code:
- Navegueu a la carpeta arrel del vostre projecte/espai de treball.
- Obriu el settings.json fitxer utilitzant el codi VS. Alternativament, a VS Code, premeu Ctrl+Maj+P (en lloc de Ctrl, utilitzeu Command per a dispositius Mac) i cerqueu el settings.json dossier.
- Canvia les tres línies corresponents a aquesta:
“terminal.external.osxExec”: “iTerm.app”,“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
Tingues en compte que Codificació D2 és un exemple. També podeu triar qualsevol altre tipus de lletra que preferiu.
- Deseu la configuració quan acabeu.
Per canviar la mida del tipus de lletra del terminal, navegueu a “terminal.integrated.fontSize”: entrada i configureu-la segons la vostra preferència.
Com canviar el tipus de lletra per als comentaris al codi VS
Les entrades de comentaris del codi tenen, per defecte, el mateix tipus de lletra que la resta del codi. Canviar-ho els fa destacar, cosa que sovint pot evitar hores de feina malbaratada (és fàcil perdre's un comentari quan està amb el mateix tipus de lletra que la resta de VS). Per senzill que sembli aquest tipus de coses, la solució és una mica més complexa del que podríeu esperar. A més, els resultats poden no ser ideals, ja que això podria provocar alguns problemes d'alineació. Tot i així, no està de més provar:
- Aneu a la carpeta d'instal·lació arrel de VS Code al vostre dispositiu.
- Navegueu fins a touch style.css entrada a la terminal. Això crearà un full d'estil.
- Ara és el moment d'afegir la regla del tipus de lletra. Aquí teniu un exemple d'estil:
.mtk3 {família de tipus de lletra: "iosevka";
mida del tipus de lletra: 1em;
estil de lletra: cursiva;
}
- Obert settings.json i afegeix aquesta entrada:
"vscode_custom_css.imports":"fitxer:///Usuaris/nom d'usuari/.vscode/style.css"],
- Ara, descarregueu el connector personalitzat CSS i JS Loader.
- Un cop instal·lat, utilitzeu Ctrl+Maj+P comanda i assegureu-vos que el connector estigui habilitat.
- Reinicieu VS Code.
- Els comentaris haurien de tenir un tipus de lletra nou.
Com canviar la mida de la lletra de la barra lateral al codi VS
No hi ha cap configuració a VS Code que permeti a l'usuari canviar la mida de la lletra del terminal. Tanmateix, existeix una solució alternativa i inclou el connector CSS personalitzat i JS Loader esmentats.
- Al connector, navegueu fins als detalls de l'extensió i seguiu atentament la secció del tutorial.
- Utilitzeu la lògica següent:
"vscode_custom_css.imports": ["[insereix l'URL del fitxer personalitzat]"] - Feu això per a cada fitxer personalitzat.
El resultat hauria de crear una barra lateral de VS Code molt millor i estèticament agradable.
Com canviar el tipus de lletra amb diferents sistemes operatius
Si esteu codificant a VS, feu servir un ordinador Windows, un Mac o un sistema Linux. Tot i que aquests tres no són idèntics pel que fa a VS, les diferències es redueixen principalment a l'opció de tecla Ctrl/Cmd i a les ubicacions predeterminades dels fitxers VS Code. Per tant, el principi de canvi de lletra a VS Code segueix sent pràcticament el mateix en tots els dispositius.
PMF addicionals
Per què no puc canviar el tipus de lletra a VS Code?
Hi ha molts errors que podeu cometre a VS Code i canviar el tipus de lletra no és tan senzill com fer-ho a MS Word. Com que utilitzareu molta codificació per canviar el tipus de lletra real de VS Code, hauríeu de conèixer la supervisió més habitual que fa la gent. Assegureu-vos que cada entrada estigui envoltada de cometes. Per exemple, “vscode_custom_css.imports”: [“file:///Users/nom d'usuari/.vscode/style.css”], no funcionarà tret que utilitzeu les cometes. A més, assegureu-vos que feu servir espais entre les ordres.
Quina font s'utilitza per al codi a VS Code?
Per defecte, el tipus de lletra utilitzat per a la codificació a VS Code és Consolas. Si seguiu aquesta guia, podeu canviar la majoria de tipus de lletra a VS Code, tant si estem parlant del codi en si, del terminal, dels comentaris o de la funció d'explorador.
Tanmateix, si esteu parlant del tipus de lletra que es troba a les imatges del lloc web oficial de VS Code, ningú us pot dir quina es va utilitzar. A menys que els desenvolupadors de VS Code revelin explícitament quin tipus de lletra s'ha utilitzat, no hi ha manera d'esbrinar-ho.
Com puc piratejar un tipus de lletra VS Code?
Originalment, piratejar significava modificar, però, si amb això us referiu a afegir el tipus de lletra Hack a VS, podeu afegir-lo a través del lloc web de Hack. Baixeu la font TrueType de Hack. Extraieu el fitxer zip descarregat. Instal·leu els fitxers extrets. A continuació, aneu a Eines, seguit d'Opcions. Al menú Opcions, seleccioneu Entorn i, a continuació, aneu a Fonts i colors. Obriu el menú desplegable Font i seleccioneu l'entrada Hack.
Quin tipus de lletra fan servir els pirates informàtics?
Com a regla general, cada programador, inclosos els pirates informàtics, utilitza un tipus de lletra que els agrada. Un bon exemple d'un tipus de lletra popular que suposadament és una "elecció de pirates informàtics" seria Ray Bluetens, també conegut com Lawn Dart Fonts.
Canviar les opcions de lletra a VS Code
Tractar les opcions de tipus de lletra a VS Code definitivament no és tan senzill com canviar els tipus de lletra en un programa d'editor de text. Tanmateix, tenint en compte que aquí parlem de programari de codificació, VS ofereix una gran varietat d'opcions en comparació amb la seva competència. Seguiu les instruccions d'aquest article i feu que la vostra experiència de codificació sigui el més personalitzada, fàcil d'utilitzar i fluida possible.
Has aconseguit editar la configuració de la teva font a VS Code? Has tingut algun problema? Desplaceu-vos cap avall i consulteu la nostra secció de comentaris a continuació. Està ple de bons consells. No us absteniu de fer una pregunta pròpia o d'iniciar una discussió. La nostra comunitat està més que encantada d'ajudar.