Wstęp
Visual Studio Code (VS Code) to jeden z najpopularniejszych edytorów kodu w branży technologicznej, ponieważ oferuje solidne funkcje i lekką konstrukcję, dzięki czemu jest najczęściej wybieranym edytorem kodu przez programistów na całym świecie. Jego popularność można częściowo przypisać jego konfigurowalnemu wyglądowi, który pozwala nam tworzyć fantazyjne i przyciągające wzrok przestrzenie kodowania. W tym artykule przyjrzymy się, jak dostosować wygląd kodu do własnych preferencji, w tym motywy edytora kodu, motywy ikon i zmiany kolorów pasków narzędzi.
Motywy ikon
Mimo że domyślne ikony Visual Studio Code są w porządku, po co ograniczać się do nich, skoro można cieszyć się wizualną ucztą? Możesz zmienić wygląd eksploratora plików za pomocą motywów ikon, które poprawiają zarówno jego atrakcyjność wizualną, jak i użyteczność.
Jednym z najpopularniejszych wyborów wśród programistów jest rozszerzenie Material Icon Theme. Dzięki temu rozszerzeniu Twój eksplorator plików będzie miał kolorową i dobrze zorganizowaną kolekcję ikon, wzorowaną na Material Design firmy Google. Każdy rodzaj pliku ma swoją charakterystyczną i natychmiast rozpoznawalną ikonę, która sprawia, że obszar roboczy ogólnie wygląda lepiej.
Aby zainstalować rozszerzenie Material Icon Theme, wykonaj następujące kroki:
-
Otwórz kod Visual Studio.
-
Przejdź do widoku Rozszerzenia klikając ikonę Rozszerzenia na pasku narzędzi po lewej stronie okna.
-
Wyszukaj „Motyw ikony materiału” i kliknij instaluj.
Po instalacji kliknij ikonę koła zębatego w lewym dolnym rogu i wybierz „Motyw ikony pliku”, aby wybrać motyw ikony materiału.
Motywy edytora kodu
Teraz, gdy Twój eksplorator plików wygląda dobrze, skupmy się na samym edytorze kodu. Chociaż domyślne jasne i ciemne motywy VS Code są świetne, zdarzają się sytuacje, gdy potrzebujesz czegoś bardziej spersonalizowanego i stylowego.
Dobrą opcją jako motyw, szczególnie dla tych, którzy wolą kodować w ciemności, jest rozszerzenie motywu Night Owl. Night Owl, który został stworzony z myślą o kontraście i czytelności, ma uspokajającą kolorystykę, która pomaga złagodzić zmęczenie oczu podczas długich sesji kodowania.
Aby zainstalować rozszerzenie motywu Night Owl:
Przejdź do widoku Rozszerzenia.
Wyszukaj „Nocną markę” i kliknij instaluj.
Po instalacji wybierz motyw Night Owl, otwierając paletę poleceń (Ctrl+Shift+P w systemie Windows/Linux, Cmd+Shift+P w systemie macOS), wybierając „Motyw kolorów” i wybierając Night Owl z listy zainstalowanych motywów w edytorze kodu.
Kolor paska narzędzi
Teraz, gdy wygląd i działanie edytora kodu są już idealne, dostosujmy kolor paska narzędzi, tak aby był on na wierzchu. Tutaj właśnie wchodzi w grę przedłużenie pawia.
Dzięki rozszerzeniu Peacock możesz dostosować swoją przestrzeń roboczą, zmieniając kolor paska narzędzi z boku edytora kodu. Jest to nie tylko przyjemne pod względem estetycznym, ale jeśli masz otwartych wiele instancji VS Code, może również pomóc w rozróżnieniu ich.
Aby zainstalować rozszerzenie Peacock:
-
Przejdź do widoku Rozszerzenia.
-
Wyszukaj „Peacock” i kliknij instaluj.
Po instalacji możesz dostosować kolor paska narzędzi, otwierając paletę poleceń, wyszukując „Peacock: Enter a color”, a następnie wpisując wartość szesnastkową koloru, który chcesz ustawić dla paska narzędzi vs code.
Wniosek
Dostosowywanie kodu programu Visual Studio to coś więcej niż tylko zmiana kolorów. Musisz także stworzyć środowisko kodowania, które pasuje do Twojego stylu i zwiększa produktywność. Zatem nie krępuj się i stwórz obszar kodowania, który pobudzi Twoją wyobraźnię pod względem wyglądu, a także odkrywania innych fantazyjnych funkcji niesamowitego VS Code. Miłego kodowania!
