Úvod
Visual Studio Code (VS Code) je jedným z najpopulárnejších editorov kódu v technickom priemysle, pretože ponúka robustné funkcie a ľahký dizajn, vďaka ktorým je editor kódu obľúbený pre vývojárov na celom svete. Jeho popularitu možno čiastočne pripísať jeho prispôsobiteľnému vzhľadu, ktorý nám umožňuje vytvárať efektné a pútavé kódovacie priestory. V tomto článku sa pozrieme na to, ako prispôsobiť vzhľad oproti kódu vašim preferenciám, vrátane tém editora kódu, tém ikon a zmien farby panela s nástrojmi.
Témy ikon
Aj keď sú predvolené ikony Visual Studio Code v poriadku, prečo sa na ne obmedzovať, keď môžete mať vizuálnu hostinu? Vzhľad vášho prieskumníka súborov môžete zmeniť pomocou motívov ikon, ktoré zlepšia jeho vizuálnu príťažlivosť aj použiteľnosť.
Jednou z najobľúbenejších možností medzi vývojármi je rozšírenie Material Icon Theme. S týmto rozšírením bude mať váš prieskumník súborov farebnú a dobre usporiadanú zbierku ikon podľa vzoru Material Design spoločnosti Google. Každý druh súboru má svoju vlastnú charakteristickú a okamžite identifikovateľnú ikonu, vďaka ktorej bude váš pracovný priestor celkovo vyzerať lepšie.
Ak chcete nainštalovať rozšírenie Material Icon Theme, postupujte takto:
-
Otvorte Visual Studio Code.
-
Prejdite do zobrazenia Rozšírenia kliknutím na ikonu Rozšírenia na paneli s nástrojmi na ľavej strane okna.
-
Vyhľadajte "Material Icon Theme" a kliknite na inštalovať.
Po inštalácii kliknite na ikonu ozubeného kolieska v ľavom dolnom rohu a vyberte „Téma ikony súboru“ a vyberte tému ikony materiálu.
Témy editora kódu
Teraz, keď váš prieskumník súborov vyzerá dobre, poďme sa zamerať na samotný editor kódu. Aj keď sú predvolené svetlé a tmavé motívy VS Code skvelé, sú príležitosti, kedy by ste chceli niečo trochu personalizovanejšie a štýlovejšie.
Jednou z dobrých možností ako témy, najmä pre tých, ktorí by radšej kódovali v tme, je rozšírenie témy Night Owl. Nočná sova, ktorá bola vytvorená s ohľadom na kontrast a čitateľnosť, má upokojujúcu farebnú schému, ktorá pomáha zmierniť únavu očí počas dlhších programov kódovania.
Inštalácia rozšírenia témy Night Owl:
Prejdite do zobrazenia Rozšírenia.
Vyhľadajte „Night Owl“ a kliknite na tlačidlo Inštalovať.
Po inštalácii vyberte ako tému Nočnú sovu otvorením palety príkazov (Ctrl+Shift+P v systéme Windows/Linux, Cmd+Shift+P v systéme MacOS), výberom položky „Farebná téma“ a výberom položky Nočná sova zo zoznamu nainštalovaných tém. v editore kódu.
Farba panela s nástrojmi
Teraz, keď je vzhľad a prostredie vášho editora kódu dokonalé, prispôsobme si farbu panela s nástrojmi tak, aby bola navrchu poleva. Tu prichádza na rad predĺženie páva.
Vďaka rozšíreniu Peacock si môžete prispôsobiť svoj pracovný priestor zmenou farby panela nástrojov na strane editora kódu. Nielenže je to esteticky príjemné, ale ak máte otvorených viacero inštancií kódu VS, môže vám to pomôcť aj pri rozlišovaní medzi nimi.
Inštalácia rozšírenia Peacock:
-
Prejdite do zobrazenia Rozšírenia.
-
Vyhľadajte „Peacock“ a kliknite na inštalovať.
Po inštalácii si môžete prispôsobiť farbu panela s nástrojmi otvorením palety príkazov, vyhľadaním výrazu „Peacock: Enter a color“ a zadaním hexadecimálnej hodnoty farby, ktorú chcete nastaviť pre panel nástrojov vs kód.
Záver
Prispôsobenie kódu Visual Studio je viac než len zmena farieb. Musíte tiež vytvoriť prostredie na kódovanie, ktoré zodpovedá vášmu štýlu a zvyšuje produktivitu. Neváhajte sa teda pohrať a vytvorte oblasť kódovania, ktorá stimuluje vašu predstavivosť, pokiaľ ide o vzhľad, ako aj skúmanie ďalších fantastických funkcií úžasného kódu VS. Šťastné kódovanie!
