Pro vývojáře je snadné podcenit důležitost svého pracovního prostředí. Ne, nemluvíme o vaší židli, stole a barvě stěny. Mluvíme o vašem virtuálním pracovním prostředí.
Aby se váš editor kódu Visual Studio cítil jako doma, je nesmírně důležité pro efektivitu vaší práce. Písmo pokrývá velkou část celkového pocitu VS. V tomto článku vás naučíme, jak upravovat písma v různých částech editoru VS Code.
Jak změnit písmo v kódu VS
I když jste vývojář, který s VS pracuje již dlouhou dobu, stále možná nevíte o možnostech změny písma.
Pokud vás nezajímá, proč je výběr vlastního písma důležitý, přejděte přímo na tutoriál o pár odstavců níže. Mějte však na paměti, že důvody pro změnu písma (uvedené níže) vám mohou pomoci při rozhodování.
Proč jsou fonty ve VS tak důležité? No, pokud vám nestačí estetické hledisko (a věřte nám, že po hodinách a hodinách strávených v editoru kódu na tom začne záležet), jde vlastně také o funkčnost. Takže, co dělá písmo „vhodným“ pro VS?
Především budete chtít, aby byl rozdíl mezi podobnými postavami výrazný. Například snadné rozlišení čísla 1 a malého písmene L může výrazně urychlit vaše kódování a ušetřit vám čas.
Pak je tu skutečnost, že někteří vývojáři rádi používají ligatury. Ligatury je několik symbolů spojených dohromady. Říká se jim také „glyfy“ a při kódování mohou znamenat hodně.
Bez dalších okolků zde je návod, jak změnit rodinu písem ve VS:
- Otevřete editor VS.
- Přejděte do horní části obrazovky a vyberte Soubor.
- Nyní v rozevírací nabídce přejděte na Předvolby >Nastavení.
- Nyní uvidíte Běžně používané části s nabídkou na pravé straně obrazovky, můžete k písmu přistupovat z této stránky nebo podle níže uvedeného kroku.
- Nebo klikněte na Textový editor > Písmo a vyhledejte výchozí položku “editor.fontFamily”: “Konzoly”.
- Pak místo „Konzoly“, zadejte název preferovaného písma.
To by mělo automaticky změnit rodinu písem.
Jak změnit velikost písma v kódu VS
I když máte dokonalý zrak, při psaní řádků kódu budete chtít mít oči co nejpohodlnější. Stejně jako je rozdíl mezi podobnými znaky důležitý při výběru rodiny písem, velikost písma je důležitá pro usnadnění kódování pro oko a pomáhá vám pracovat efektivněji.
Neexistuje žádný kouzelný vzorec pro nejlepší velikost písma pro kódování. V ideálním případě budete chtít vidět postavy co nejjasněji, ale také budete chtít, aby se čára vešla do okna VS. Vyzkoušejte tedy různé velikosti písma a najděte to dokonalé, které vyhovuje vašim potřebám kódování.
Zde je návod, jak změnit velikost písma v kódu VS:
- Přejděte na Uživatelské nastavení menu (krok číslo 3 v návodu na písmo).
- Hledejte "editor.fontSize": 15 řádek, může být velikost vašeho písma nastavena na něco jiného.
- Pak místo „15,“ zadejte preferovanou velikost písma.
Jak změnit písmo Průzkumníka v kódu VS
Funkce Průzkumník ve VS Code funguje stejně jako funkce Průzkumník ve většině ostatních aplikací. Používá se ke správě, procházení a otevírání souborů a složek pro práci na vašem projektu. Vzhledem k tomu, že VS Code je založen na složkách a souborech, Průzkumník vám usnadní začátek – stačí otevřít soubor/složku pomocí VS Code. Je to tak jednoduché.
Můžete očekávat, že budete trochu používat VS Code Explorer. Pokud vám nevyhovuje velikost písma Průzkumníka, budete rádi, když budete vědět, že ji můžete změnit.
- Přejít na Uživatelské nastavení znovu menu.
- Najít "editor.fontSize": 14 se může velikost vašeho písma lišit.
- Změňte toto na velikost písma dle vašeho výběru, 18 se v tomto příkladu používá.
Jak změnit písmo terminálu v kódu VS
Namísto přepínání oken nebo provádění změn stavu stávajícího terminálu vám VS Code umožňuje používat integrovaný terminál, který se nachází v kořenovém adresáři vašeho projektu/pracovního prostoru. Samozřejmě můžete chtít provést změny v písmu zde pro snadné použití. Zde je návod, jak změnit písmo terminálu VS Code:
- Přejděte do kořenové složky vašeho projektu/pracovního prostoru.
- Otevři settings.json soubor pomocí VS kódu. Případně ve VS Code stiskněte Ctrl+Shift+P (místo Ctrl použijte Command pro zařízení Mac) a najděte settings.json soubor.
- Změňte odpovídající tři řádky na toto:
"terminal.external.osxExec": "iTerm.app",„terminal.integrated.shell.osx“: „/bin/zsh“,
"terminal.integrated.fontFamily": "D2Coding",
Všimněte si, že D2Coding je příkladem. Můžete si také vybrat jakékoli jiné písmo, které preferujete.
- Po dokončení uložte nastavení.
Chcete-li změnit velikost písma terminálu, přejděte na "terminal.integrated.fontSize": záznam a nastavte jej podle vlastních preferencí.
Jak změnit písmo pro komentáře v kódu VS
Položky komentářů ke kódu jsou ve výchozím nastavení ve stejném písmu jako zbytek kódu. Když to změníte, vyniknou, což může často zabránit hodinám promarněné práce (je snadné přehlédnout komentář, když je ve stejném písmu jako vše ostatní ve VS). Jakkoli se to může zdát jednoduché, řešení je o něco složitější, než byste čekali. Výsledky také nemusí být ideální, protože to může způsobit problémy se zarovnáním. Přesto neuškodí vyzkoušet:
- Přejděte do kořenové instalační složky pro kód VS na vašem zařízení.
- Přejděte na dotykový styl.css vstup do terminálu. Tím se vytvoří šablona stylů.
- Nyní je čas přidat pravidlo pro písmo. Zde je příklad stylu:
.mtk3 {font-family: "iosevka";
velikost písma: 1 em;
styl písma: kurzíva;
}
- Otevřeno settings.json a přidejte tento záznam:
"vscode_custom_css.imports":"file:///Users/username/.vscode/style.css"],
- Nyní si stáhněte plugin Custom CSS and JS Loader.
- Jakmile je nainstalován, použijte Ctrl+Shift+P a ujistěte se, že je plugin povolen.
- Restartujte kód VS.
- Komentáře by nyní měly mít nové písmo.
Jak změnit velikost písma postranního panelu v kódu VS
V kódu VS není žádné nastavení, které by uživateli umožňovalo změnit velikost písma terminálu. Existuje však řešení, které zahrnuje zmíněný plugin Custom CSS a JS Loader.
- V pluginu přejděte na podrobnosti o rozšíření a pečlivě postupujte podle části s návodem.
- Použijte následující logiku:
"vscode_custom_css.imports": ["[vložte adresu URL vlastního souboru]"] - Udělejte to pro každý vlastní soubor.
Výsledkem by měl být mnohem lepší a esteticky příjemný postranní panel VS Code.
Jak změnit písmo pomocí různých operačních systémů
Pokud kódujete ve VS, používáte počítač se systémem Windows, Mac nebo Linux. Ačkoli tyto tři nejsou identické, pokud jde o VS, rozdíly se většinou zmenšují na možnost klávesy Ctrl/Cmd a výchozí umístění souborů kódu VS. Princip změny písma ve VS Code tedy zůstává téměř stejný na všech zařízeních.
Další časté dotazy
Proč nemohu změnit písmo ve VS Code?
Ve VS Code můžete udělat mnoho chyb a změna písma není tak jednoduchá jako v MS Word. Protože ke změně skutečného písma VS Code budete používat spoustu kódování, měli byste vědět o nejčastějších nedohledech, které lidé dělají. Ujistěte se, že každý záznam je ohraničen uvozovkami. Například, „vscode_custom_css.imports“: [“file:///Users/username/.vscode/style.css”], nebude fungovat, pokud nepoužijete uvozovky. Kromě toho se ujistěte, že mezi příkazy používáte mezery.
Jaké písmo se používá pro kód ve VS Code?
Ve výchozím nastavení je font používaný pro kódování ve VS Code Consolas. Pokud budete postupovat podle tohoto průvodce, můžete změnit většinu písem ve VS Code, ať už mluvíme o samotném kódu, terminálu, komentářích nebo funkci průzkumníka.
Pokud však mluvíte o písmu nalezeném na obrázcích oficiálních webových stránek VS Code, nikdo vám nemůže říci, který z nich byl použit. Pokud vývojáři VS Code výslovně neprozradí, které písmo bylo použito, nelze to nijak zjistit.
Jak hacknu písmo VS Code?
Původně hackování znamenalo upravit, ale pokud tím myslíte přidání písma Hack do VS, můžete ho přidat přes web Hack. Stáhněte si písmo TrueType z Hacku. Rozbalte stažený soubor zip. Nainstalujte extrahované soubory. Poté přejděte na Nástroje a poté Možnosti. V nabídce Možnosti vyberte Prostředí a poté přejděte na Písma a barvy. Otevřete rozevírací nabídku Písmo a vyberte položku Hack.
Jaký font používají hackeři?
Obecně platí, že každý kodér, včetně hackerů, používá písmo, které se mu líbí. Dobrým příkladem oblíbeného písma, které je údajně „hackerskou volbou“, je Ray Bluetens, také známý jako Lawn Dart Fonts.
Změna možností písma v kódu VS
Práce s možnostmi písma ve VS Code rozhodně není tak jednoduchá jako změna písem v programu textového editoru. Vzhledem k tomu, že zde mluvíme o kódovacím softwaru, nabízí VS ve srovnání s konkurencí širokou škálu možností. Postupujte podle pokynů v tomto článku a udělejte si práci s kódováním co nejvíce přizpůsobenou, uživatelsky přívětivou a hladkou.
Podařilo se vám upravit nastavení písma ve VS Code? Narazili jste na nějaké problémy? Přejděte dolů a podívejte se na naši sekci komentářů níže. To se hemží dobrými radami. Nezdržujte se položení vlastní otázky nebo zahájení diskuse. Naše komunita více než ráda pomůže.