Deweloperowi łatwo jest nie docenić znaczenia swojego środowiska pracy. Nie, nie mówimy o twoim krześle, biurku i kolorze ściany. Mówimy o Twoim wirtualnym środowisku pracy.

Sprawienie, by edytor kodu programu Visual Studio wyglądał jak w domu, ma ogromne znaczenie dla wydajności pracy. Czcionka pokrywa dużą część ogólnego stylu VS. W tym artykule nauczymy Cię, jak edytować czcionki w różnych częściach edytora VS Code.

Jak zmienić czcionkę w kodzie VS

Nawet jeśli jesteś programistą, który od dłuższego czasu pracuje z VS, nadal możesz nie wiedzieć o opcjach zmiany czcionki.

Jeśli nie obchodzi Cię, dlaczego wybór własnej czcionki jest ważny, przejdź od razu do samouczka kilka akapitów poniżej. Pamiętaj jednak, że powody zmiany czcionki (opisane poniżej) mogą pomóc w podjęciu decyzji.

Dlaczego czcionki są tak ważne w VS? Cóż, jeśli aspekt estetyczny Ci nie wystarcza (a zaufaj nam, po godzinach spędzonych w edytorze kodu zaczyna mieć znaczenie), to tak naprawdę chodzi również o funkcjonalność. Więc co sprawia, że ​​czcionka? appropriate dla VS?

Przede wszystkim chcesz, aby rozróżnienie między podobnymi postaciami było zauważalne. Na przykład łatwe odróżnienie cyfry 1 od małej litery L może znacznie przyspieszyć kodowanie i zaoszczędzić czas.

Do tego dochodzi fakt, że niektórzy programiści lubią używać ligatur. Ligatury to kilka połączonych ze sobą symboli. Są to również nazywane glyphs, i mogą wiele znaczyć podczas kodowania.

Oto jak zmienić rodzinę czcionek w VS bez dalszych ceregieli:

  1. Otwórz swój edytor VS.
  2. Przejdź do górnej części ekranu i wybierz File.
  3. Teraz w rozwijanym menu przejdź do Preferences > Settings.
  4. Zobaczysz teraz Commonly Used menu po prawej stronie ekranu, możesz uzyskać dostęp do czcionki z tej strony lub wykonując poniższy krok.
  5. Lub kliknij Text Editor > Font i poszukaj domyślnego wpisu editor.fontFamily: Consolas.
  6. Wtedy zamiast Consolas, wprowadź nazwę preferowanej czcionki.

Powinno to automatycznie zmienić rodzinę czcionek.

Jak zmienić rozmiar czcionki w kodzie VS?

Nawet jeśli masz doskonały wzrok, podczas pisania wierszy kodu będziesz chciał mieć oczy tak wygodnie, jak to tylko możliwe. Podobnie jak rozbieżność między podobnymi znakami jest ważna przy wyborze rodziny czcionek, tak rozmiar czcionki jest ważny dla ułatwienia kodowania i zwiększenia wydajności pracy.

Nie ma magicznego przepisu na najlepszy rozmiar czcionki do kodowania. Najlepiej byłoby, gdybyś chciał widzieć znaki tak wyraźnie, jak to możliwe, ale chciałbyś również, aby linia pasowała do okna VS. Wypróbuj różne rozmiary czcionek i znajdź idealną, która pasuje do Twoich potrzeb w zakresie kodowania.

Oto jak zmienić rozmiar czcionki w VS Code:

  1. Przejdź do User Settings menu (krok nr 3 w samouczku dotyczącym czcionek).
  2. Spójrz na editor.fontSize: 15 wiersz, twój rozmiar czcionki może być ustawiony na inny.
  3. Wtedy zamiast 15, wprowadź preferowany rozmiar czcionki.

Jak zmienić czcionkę Eksploratora w VS Code?

Funkcja Eksploratora w programie VS Code działa tak samo, jak funkcja Eksploratora w większości innych aplikacji. Służy do zarządzania, przeglądania i otwierania plików i folderów do pracy nad projektem. Ponieważ VS Code opiera się na folderach i plikach, Eksplorator ułatwia rozpoczęcie pracy — wystarczy otworzyć plik/folder za pomocą VS Code. To takie proste.

Możesz spodziewać się, że będziesz używać programu VS Code Explorer. Jeśli rozmiar czcionki Eksploratora Ci nie odpowiada, z przyjemnością dowiesz się, że możesz go zmienić.

  1. Przejdź do User Settings Ponownie.
  2. Znaleźć editor.fontSize: 14, Twój rozmiar czcionki może się różnić.
  3. Zmień to na wybrany rozmiar czcionki, 18 jest używany w tym przykładzie.

Jak zmienić czcionkę terminala w kodzie VS?

Zamiast przełączać okna lub wprowadzać zmiany w stanie istniejącego terminala, VS Code umożliwia korzystanie ze zintegrowanego terminala, który znajduje się w katalogu głównym projektu/obszaru roboczego. Oczywiście możesz chcieć wprowadzić tutaj zmiany w czcionce, aby ułatwić korzystanie. Oto jak zmienić czcionkę terminala VS Code:

  1. Przejdź do folderu głównego projektu/obszaru roboczego.
  2. Otworzyć settings.json przy użyciu kodu VS. Alternatywnie, w VS Code, naciśnij Ctrl + Shift + P (zamiast Ctrl, posługiwać się Command dla urządzeń Mac) i znajdź settings.json. VS code plik ustawień json
  3. Zmień odpowiednie trzy wiersze na to:
    terminal.external.osxExec: iTerm.app,
    terminal.integrated.shell.osx: /bin/zsh,
    terminal.integrated.fontFamily: D2Coding,

    Zauważ, że D2Coding jest przykładem. Możesz także wybrać dowolną inną czcionkę.
  4. Po zakończeniu zapisz ustawienia.

Aby zmienić rozmiar czcionki terminala, przejdź do terminal.integrated.fontSize: i ustaw go zgodnie z własnymi preferencjami.

Jak zmienić czcionkę komentarzy w VS Code?

Wpisy komentarzy do kodu są domyślnie pisane tą samą czcionką, co reszta kodu. Zmiana tego sprawia, że ​​się wyróżniają, co często może zapobiec godzinom marnowania pracy (łatwo przeoczyć komentarz, gdy jest napisany tą samą czcionką, co wszystko inne w VS). Choć może się to wydawać proste, rozwiązanie jest nieco bardziej złożone, niż można by się spodziewać. Ponadto wyniki mogą nie być idealne, ponieważ może to powodować pewne problemy z wyrównaniem. Mimo to nie zaszkodzi spróbować:

  1. Przejdź do głównego folderu instalacyjnego programu VS Code na swoim urządzeniu.
  2. Przejdź do touch style.css w terminalu. Spowoduje to utworzenie arkusza stylów.
  3. Teraz nadszedł czas na dodanie reguły czcionek. Oto przykład stylu:
    .mtk3 {

    font-family: „iosevka”;

    font-size: 1em;

    font-style: italic;

    }

  4. otwarty settings.json i dodaj ten wpis:
    „vscode_custom_css.imports”:
    „file:///Users/username/.vscode/style.css”],
  5. Teraz pobierz Niestandardowy moduł ładujący CSS i JS podłącz.
  6. Po zainstalowaniu użyj Ctrl + Shift + P i upewnij się, że wtyczka jest włączona.
  7. Uruchom ponownie kod VS.
  8. Komentarze powinny mieć teraz nową czcionkę.

Jak zmienić rozmiar czcionki paska bocznego w kodzie VS?

W VS Code nie ma ustawienia, które umożliwiałoby użytkownikowi zmianę rozmiaru czcionki terminala. Istnieje jednak obejście, które obejmuje wspomnianą wtyczkę Custom CSS i JS Loader.

  1. We wtyczce przejdź do szczegółów rozszerzenia i uważnie postępuj zgodnie z sekcją samouczka.
  2. Użyj następującej logiki:
    vscode_custom_css.imports”: [„[insert custom file URL]”]
  3. Zrób to dla każdego pliku niestandardowego.

Wynik powinien zapewnić znacznie lepszy i estetyczny pasek boczny VS Code.

Jak zmienić czcionkę przy użyciu różnych systemów operacyjnych

Jeśli kodujesz w VS, używasz komputera z systemem Windows, Maca lub systemu Linux. Chociaż te trzy nie są identyczne pod względem VS, różnice sprowadzają się głównie do Ctrl/Cmd opcję i domyślne lokalizacje plików VS Code. Tak więc zasada zmiany czcionki w VS Code pozostaje prawie taka sama na wszystkich urządzeniach.

Dodatkowe często zadawane pytania

Dlaczego nie mogę zmienić czcionki w VS Code?

Istnieje wiele błędów, które możesz popełnić w VS Code, a zmiana czcionki nie jest tak prosta, jak w MS Word. Ponieważ będziesz używać dużo kodowania, aby zmienić rzeczywistą czcionkę VS Code, powinieneś wiedzieć o najczęstszych przeoczeniach, jakie ludzie wykonują. Upewnij się, że każdy wpis jest otoczony cudzysłowami. Na przykład, vscode_custom_css.imports: [file:///Users/username/.vscode/style.css], nie zadziała, chyba że użyjesz cudzysłowów. Dodatkowo upewnij się, że używasz spacji między poleceniami.

Która czcionka jest używana w kodzie w programie VS Code?

Domyślnie czcionką używaną do kodowania w programie VS Code jest Consolas. Jeśli będziesz postępować zgodnie z tym przewodnikiem, możesz zmienić większość czcionek w programie VS Code, niezależnie od tego, czy mówimy o samym kodzie, terminalu, komentarzach czy funkcji eksploratora.

Jeśli jednak mówisz o czcionce znalezionej na oficjalnych obrazach witryny VS Code, nikt nie może ci powiedzieć, która z nich została użyta. O ile programiści VS Code nie ujawnią wyraźnie, która czcionka została użyta, nie ma możliwości dowiedzenia się.

Jak zhakować czcionkę VS Code?

Pierwotnie hakowanie miało na celu modyfikację, ale jeśli przez to masz na myśli dodanie czcionki Hack do VS, możesz ją dodać za pomocą Witryna hakera. Pobierz czcionkę TrueType z serwisu Hack. Rozpakuj pobrany plik zip. Zainstaluj rozpakowane pliki. Następnie przejdź do Narzędzia, a następnie Opcje. W menu Opcje wybierz opcję Środowisko, a następnie przejdź do opcji Czcionki i kolory. Otwórz menu rozwijane Czcionka i wybierz wpis Hack.

Jakiej czcionki używają hakerzy?

Z reguły każdy koder, w tym hakerzy, używa czcionki, którą lubi. Dobry przykład popularnej czcionki, która rzekomo jest hacker’s choice byłby Ray Bluetens, znany również jako Lawn Dart Fonts.

Zmiana opcji czcionek w VS Code

Radzenie sobie z opcjami czcionek w VS Code zdecydowanie nie jest tak proste, jak zmiana czcionek w programie do edycji tekstu. Biorąc jednak pod uwagę, że mówimy tutaj o oprogramowaniu do kodowania, VS oferuje szeroką gamę opcji w porównaniu z konkurencją. Postępuj zgodnie z instrukcjami zawartymi w tym artykule i spraw, aby kodowanie było jak najbardziej spersonalizowane, przyjazne dla użytkownika i płynne.

Czy udało Ci się edytować ustawienia czcionek w VS Code? Czy napotkałeś jakieś problemy? Przewiń w dół i sprawdź naszą sekcję komentarzy poniżej. Roi się od dobrych rad. Nie powstrzymuj się również od zadawania własnych pytań lub rozpoczynania dyskusji. Nasza społeczność chętnie Ci pomoże.

Poprzedni artykułJak usunąć wiele kont ryb?
Następny artykułCzy możesz zablokować zgubione lub skradzione AirPods przed użyciem?