Úvod
Visual Studio Code (VS Code) je jedním z nejoblíbenějších editorů kódu v technickém průmyslu, protože nabízí robustní funkce a odlehčený design, díky nimž je editorem kódu volbou pro vývojáře po celém světě. Jeho popularitu lze částečně přičíst jeho přizpůsobitelnému vzhledu, který nám umožňuje vytvářet efektní a poutavé kódovací prostory. V tomto článku prozkoumáme, jak přizpůsobit vzhled vs kódu vašim preferencím, včetně motivů editoru kódu, motivů ikon a změn barev panelu nástrojů.
Motivy ikon
I když jsou výchozí ikony Visual Studio Code v pořádku, proč se na ně omezovat, když můžete mít vizuální hostinu? Vzhled svého průzkumníka souborů můžete změnit pomocí motivů ikon, což zlepší jeho vizuální přitažlivost i použitelnost.
Jednou z nejoblíbenějších možností mezi vývojáři je rozšíření Material Icon Theme. S tímto rozšířením bude mít váš průzkumník souborů barevnou a dobře uspořádanou sbírku ikon po vzoru Material Design společnosti Google. Každý druh souboru má svou vlastní charakteristickou a okamžitě identifikovatelnou ikonu, díky které bude váš pracovní prostor celkově vypadat lépe.
Chcete-li nainstalovat rozšíření Material Icon Theme, postupujte takto:
-
Otevřete Visual Studio Code.
-
Přejděte do zobrazení Rozšíření kliknutím na ikonu Rozšíření na panelu nástrojů na levé straně okna.
-
Vyhledejte "Material Icon Theme" a klikněte na instalovat.
Po instalaci klikněte na ikonu ozubeného kola v levém dolním rohu a vyberte „Motiv ikon souboru“ a vyberte motiv ikony materiálu.
Témata editoru kódu
Nyní, když váš průzkumník souborů vypadá dobře, zaměřme se na samotný editor kódu. Přestože jsou výchozí světlá a tmavá témata VS Code skvělá, jsou příležitosti, kdy byste chtěli něco trochu více přizpůsobeného a stylovějšího.
Jednou dobrou volbou jako téma, zejména pro ty, kteří by raději kódovali ve tmě, je rozšíření tématu Night Owl. Night Owl, který byl vytvořen s ohledem na kontrast a čitelnost, má uklidňující barevné schéma, které pomáhá zmírnit únavu očí při delších programovacích relacích.
Instalace rozšíření motivu Night Owl:
Přejděte do zobrazení Rozšíření.
Vyhledejte „Night Owl“ a klikněte na nainstalovat.
Po instalaci vyberte Night Owl jako svůj motiv otevřením palety příkazů (Ctrl+Shift+P na Windows/Linux, Cmd+Shift+P na macOS), výběrem „Barevný motiv“ a výběrem Night Owl ze seznamu nainstalovaných motivů. ve vašem editoru kódu.
Barva panelu nástrojů
Nyní, když je vzhled a chování vašeho editoru kódu dokonalé, pojďme upravit barvu panelu nástrojů tak, aby navrch byla poleva. Zde přichází ke slovu rozšíření paví.
Díky rozšíření Peacock si můžete přizpůsobit svůj pracovní prostor změnou barvy panelu nástrojů na straně editoru kódu. Nejen, že je to esteticky příjemné, ale pokud máte otevřených více instancí kódu VS, může vám to také pomoci rozlišit mezi nimi.
Instalace rozšíření Peacock:
-
Přejděte do zobrazení Rozšíření.
-
Vyhledejte „Peacock“ a klikněte na instalovat.
Po instalaci si můžete přizpůsobit barvu panelu nástrojů otevřením palety příkazů, vyhledáním „Peacock: Enter a color“ a zadáním hexadecimální hodnoty barvy, kterou chcete nastavit pro panel nástrojů vs code.
Závěr
Přizpůsobení kódu sady Visual Studio je více než jen změna barev. Musíte také vytvořit prostředí pro kódování, které odpovídá vašemu stylu a zvyšuje produktivitu. Neváhejte si tedy pohrát a vytvořit oblast kódování, která podnítí vaši představivost, pokud jde o vzhled, a také prozkoumejte další fantastické funkce úžasného kódu VS. Šťastné kódování!
