VS kods — kā nomainīt fontu

Izstrādātājam ir viegli nenovērtēt savas darba vides nozīmi. Nē, mēs nerunājam par jūsu krēslu, galdu un sienu krāsu. Mēs runājam par jūsu virtuālo darba vidi.

Lai jūsu Visual Studio koda redaktors justos kā mājās, ir ārkārtīgi svarīgi jūsu darba efektivitātei. Fonts aptver lielu daļu no kopējās VS sajūtas. Šajā rakstā mēs iemācīsim jums rediģēt fontus dažādās VS koda redaktora daļās.

Kā nomainīt fontu VS kodā

Pat ja esat izstrādātājs, kurš jau ilgu laiku strādā ar VS, jūs joprojām, iespējams, nezināt par tā fontu maiņas iespējām.

Ja jums ir vienalga, kāpēc fonta izvēle ir svarīga, pārejiet tieši uz apmācību, kas atrodas dažas rindkopas tālāk. Tomēr ņemiet vērā, ka fonta maiņas iemesli (sk. tālāk) var palīdzēt pieņemt lēmumu.

Kāpēc fonti ir tik svarīgi VS? Ja ar estētisko aspektu jums nepietiek (un ticiet mums, pēc stundām un stundām, kas pavadītas koda redaktorā, tas sāk būt svarīgi), patiesībā runa ir arī par funkcionalitāti. Tātad, kas padara fontu “piemērotu” VS?

Pirmkārt, jūs vēlaties, lai atšķirība starp līdzīgām rakstzīmēm būtu ievērojama. Piemēram, viegli atšķirot skaitli 1 un mazo burtu L, var ievērojami paātrināt kodēšanu un ietaupīt laiku.

Turklāt dažiem izstrādātājiem patīk izmantot ligatūras. Ligatūras ir daži kopā savienoti simboli. Tos sauc arī par "glifiem", un kodēšanas laikā tie var nozīmēt daudz.

Tālāk ir norādīts, kā mainīt fontu saimi VS bez papildu piepūles:

  1. Atveriet savu VS redaktoru.

  2. Pārejiet uz ekrāna augšējo daļu un atlasiet Fails.

  3. Tagad nolaižamajā izvēlnē dodieties uz Preferences >Iestatījumi.

  4. Tagad jūs redzēsit Bieži lietots sadaļā ar izvēlni ekrāna labajā pusē, varat piekļūt fontam no šīs lapas vai veicot tālāk norādīto darbību.

  5. Vai arī noklikšķiniet uz Teksta redaktors > Fonts un meklējiet noklusējuma ierakstu “editor.fontFamily”: “Consolas”.

  6. Tad tā vietā, lai "Consolas”, ievadiet vēlamā fonta nosaukumu.

Tam vajadzētu automātiski mainīt fontu saimi.

Kā mainīt fonta lielumu VS kodā

Pat ja jums ir ideāla redze, rakstot koda rindiņas, vēlaties, lai jūsu acis būtu pēc iespējas ērtākas. Tāpat kā līdzīgu rakstzīmju neatbilstība ir svarīga, izvēloties fontu saimi, fontu lielums ir svarīgs, lai atvieglotu kodēšanu un palīdzētu strādāt efektīvāk.

Nav maģiskas formulas vislabākajam fonta izmēram kodēšanai. Ideālā gadījumā jūs vēlaties redzēt rakstzīmes pēc iespējas skaidrāk, taču jūs arī vēlaties, lai līnija atbilstu VS logam. Tāpēc izmēģiniet dažādus fontu izmērus un atrodiet ideālo, kas atbilst jūsu kodēšanas vajadzībām.

Lūk, kā mainīt fonta lielumu programmā VS Code:

  1. Dodieties uz Lietotāja iestatījumi izvēlne (fonta apmācības 3. darbība).

  2. Meklējiet “editor.fontSize”: 15 rindā, iespējams, ir iestatīts cits fonta lielums.

  3. Tad tā vietā, lai "15”, ievadiet vēlamo fonta lielumu.

Kā nomainīt Explorer fontu VS kodā

Explorer funkcija programmā VS Code darbojas tāpat kā pārlūka funkcija lielākajā daļā citu lietotņu. To izmanto, lai pārvaldītu, pārlūkotu un atvērtu failus un mapes, lai strādātu pie jūsu projekta. Tā kā VS Code ir balstīta uz mapēm un failiem, pārlūkprogramma Explorer atvieglo darba sākšanu — vienkārši atveriet failu/mapi, izmantojot VS kodu. Tas ir tik vienkārši.

Jūs varat sagaidīt, ka diezgan daudz izmantosit VS Code Explorer. Ja Explorer fonta lielums jums nav piemērots, jūs priecāsities uzzināt, ka varat to mainīt.

  1. Dodieties uz Lietotāja iestatījumi vēlreiz izvēlnē.

  2. Atrodi “editor.fontSize”: 14 ierakstu, jūsu fonta lielums var atšķirties.

  3. Mainiet to uz jūsu izvēlētu fonta lielumu, 18 tiek izmantots šajā piemērā.

Kā nomainīt termināļa fontu VS kodā

Tā vietā, lai pārslēgtu logus vai veiktu izmaiņas esošā termināļa stāvoklī, VS Code ļauj izmantot integrētu termināli, kas atrodas jūsu projekta/darbvietas saknē. Protams, iespējams, vēlēsities šeit veikt izmaiņas fontā, lai atvieglotu lietošanu. Lūk, kā mainīt VS Code termināļa fontu:

  1. Pārejiet uz sava projekta/darbvietas saknes mapi.
  2. Atveriet settings.json failu, izmantojot VS kodu. Alternatīvi VS Code nospiediet Ctrl+Shift+P (Ctrl vietā izmantojiet Command for Mac ierīcēm) un atrodiet settings.json failu. VS koda json iestatījumu fails
  3. Mainiet atbilstošās trīs rindas uz šo:

    “terminal.external.osxExec”: “iTerm.app”,

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

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

    Pieraksti to D2 kodēšana ir piemērs. Varat arī izvēlēties jebkuru citu vēlamo fontu.

  4. Kad esat pabeidzis, saglabājiet iestatījumus.

Lai mainītu termināļa fonta lielumu, dodieties uz “terminal.integrated.fontSize”: ierakstu un iestatiet to atbilstoši savām vēlmēm.

Kā nomainīt komentāru fontu VS kodā

Koda komentāru ieraksti pēc noklusējuma ir tādā pašā fontā kā pārējais kods. Mainot šo iestatījumu, tie izceļas, un tas bieži vien var novērst nevajadzīgu darbu stundām (ir viegli palaist garām komentāru, ja tas ir tādā pašā fontā kā viss pārējais VS). Lai arī cik vienkārša šī lieta varētu šķist, risinājums ir nedaudz sarežģītāks, nekā jūs varētu gaidīt. Turklāt rezultāti var nebūt ideāli, jo tas var radīt dažas izlīdzināšanas problēmas. Tomēr nenāk par ļaunu mēģināt:

  1. Savā ierīcē atveriet VS koda saknes instalācijas mapi.
  2. Dodieties uz touch style.css ieeja terminālī. Tādējādi tiks izveidota stila lapa.
  3. Tagad ir pienācis laiks pievienot fonta noteikumu. Šeit ir stila piemērs:

    .mtk3 {

    fontu ģimene: "iosevka";

    fonta izmērs: 1em;

    fonta stils: slīpraksts;

    }

  4. Atvērt settings.json un pievienojiet šo ierakstu:

    "vscode_custom_css.imports":

    "file:///Users/username/.vscode/style.css"],

  5. Tagad lejupielādējiet pielāgoto CSS un JS Loader spraudni.
  6. Kad tas ir instalēts, izmantojiet Ctrl+Shift+P komandu un pārliecinieties, vai spraudnis ir iespējots.
  7. Restartējiet VS kodu.
  8. Tagad komentāriem vajadzētu būt jaunam fontam.

Kā mainīt sānjoslas fonta lielumu VS kodā

VS kodā nav iestatījuma, kas ļautu lietotājam mainīt termināļa fonta lielumu. Tomēr pastāv risinājums, un tas ietver minēto Custom CSS un JS Loader spraudni.

  1. Spraudnī pārejiet uz paplašinājuma informāciju un uzmanīgi izpildiet apmācības sadaļu.
  2. Izmantojiet šādu loģiku:

    "vscode_custom_css.imports": ["[ievietojiet pielāgotā faila URL]"]

  3. Dariet to katram pielāgotajam failam.

Rezultātā vajadzētu izveidot daudz labāku un estētiski pievilcīgāku VS Code sānjoslu.

Kā mainīt fontu, izmantojot dažādas operētājsistēmas

Ja kodējat VS, jūs izmantojat Windows datoru, Mac vai Linux sistēmu. Lai gan šie trīs nav identiski VS ziņā, atšķirības galvenokārt ir saistītas ar taustiņu Ctrl/Cmd un VS koda failu noklusējuma atrašanās vietām. Tātad fontu maiņas princips VS kodā paliek gandrīz vienāds visās ierīcēs.

Papildu bieži uzdotie jautājumi

Kāpēc es nevaru mainīt fontu programmā VS Code?

Programmā VS Code varat pieļaut daudzas kļūdas, un fonta maiņa nav tik vienkārša kā MS Word. Tā kā jūs izmantosit daudz kodēšanas, lai mainītu faktisko VS Code fontu, jums jāzina par visbiežāk veiktajām pārraudzībām. Pārliecinieties, vai katrs ieraksts ir ieskauts pēdiņās. Piemēram, “vscode_custom_css.imports”: [“file:///Users/username/.vscode/style.css”], nedarbosies, ja neizmantosiet pēdiņas. Turklāt pārliecinieties, ka starp komandām izmantojat atstarpes.

Kurš fonts tiek izmantots kodam programmā VS Code?

Pēc noklusējuma VS Code kodēšanai izmantotais fonts ir Consolas. Ja sekojat šai rokasgrāmatai, varat mainīt lielāko daļu fontu programmā VS Code neatkarīgi no tā, vai mēs runājam par pašu kodu, termināli, komentāriem vai pārlūka funkciju.

Tomēr, ja jūs runājat par fontu, kas atrodams VS Code oficiālās vietnes attēlos, neviens nevar pateikt, kurš no tiem tika izmantots. Ja vien VS Code izstrādātāji nepārprotami neatklāj, kurš fonts tika izmantots, to nevar noskaidrot.

Kā uzlauzt VS Code fontu?

Sākotnēji uzlauzt bija paredzēts modificēt, bet, ja ar to domājat Hack fonta pievienošanu VS, varat to pievienot, izmantojot Hack vietni. Lejupielādējiet TrueType fontu no Hack. Izvelciet lejupielādēto zip failu. Instalējiet izvilktos failus. Pēc tam dodieties uz Rīki un pēc tam uz Opcijas. Izvēlnē Opcijas atlasiet Vide un pēc tam pārejiet uz Fonti un krāsas. Atveriet nolaižamo izvēlni Fonts un atlasiet ierakstu Hack.

Kādus fontus izmanto hakeri?

Parasti katrs kodētājs, tostarp hakeri, izmanto sev tīkamu fontu. Labs piemērs populāram fontam, kas it kā ir “hakeru izvēle”, būtu Rejs Blūtens, kas pazīstams arī kā Lawn Dart Fonts.

Fontu opciju maiņa VS kodā

Darbs ar fontu opcijām programmā VS Code noteikti nav tik vienkāršs kā fontu maiņa teksta redaktora programmā. Tomēr, ņemot vērā, ka mēs šeit runājam par kodēšanas programmatūru, VS piedāvā plašu iespēju klāstu, salīdzinot ar konkurentiem. Izpildiet šajā rakstā sniegtos norādījumus un padariet savu kodēšanas pieredzi pēc iespējas personalizētāku, lietotājam draudzīgāku un vienmērīgāku.

Vai jums izdevās rediģēt fonta iestatījumus programmā VS Code? Vai jums radās kādas problēmas? Ritiniet uz leju un skatiet mūsu komentāru sadaļu zemāk. Tas ir pilns ar labiem padomiem. Neatturieties arī uzdot savu jautājumu vai uzsākt diskusiju. Mūsu kopiena ir vairāk nekā priecīga palīdzēt.