Введение
Visual Studio Code (VS Code) — один из самых популярных редакторов кода в технологической отрасли, поскольку он предлагает надежные функции и легкий дизайн, что сделало его предпочтительным редактором кода для разработчиков во всем мире. Его популярность можно частично объяснить его настраиваемым внешним видом, который позволяет нам создавать необычные и привлекательные пространства для кодирования. В этой статье мы рассмотрим, как настроить внешний вид vs code в соответствии с вашими предпочтениями, включая темы редактора кода, темы значков и изменения цвета панели инструментов.
Темы значков
Несмотря на то, что значки Visual Studio Code по умолчанию хороши, зачем ограничивать себя ими, если можно устроить визуальный праздник? Вы можете изменить внешний вид файлового менеджера с помощью тем значков, которые улучшат его внешний вид и удобство использования.
Одним из самых популярных вариантов среди разработчиков является расширение Material Icon Theme. Благодаря этому расширению ваш файловый менеджер будет иметь красочную и хорошо организованную коллекцию значков, созданную по образцу Material Design от Google. Каждый тип файла имеет свой собственный отличительный и легко узнаваемый значок, благодаря которому ваше рабочее пространство в целом выглядит лучше.
Чтобы установить расширение Material Icon Theme, выполните следующие действия:
-
Откройте код Visual Studio.
-
Перейдите в представление «Расширения», щелкнув значок «Расширения» на панели инструментов в левой части окна.
-
Найдите «Тема значка материала» и нажмите «Установить».
После установки щелкните значок шестеренки в левом нижнем углу и выберите «Тема значка файла», чтобы выбрать тему значка материала.
Темы редактора кода
Теперь, когда ваш файловый менеджер выглядит хорошо, давайте сосредоточимся на самом редакторе кода. Хотя светлые и темные темы VS Code по умолчанию великолепны, бывают случаи, когда вам хочется чего-то более персонализированного и стильного.
Одним из хороших вариантов темы, особенно для тех, кто предпочитает программировать в темноте, является расширение темы Night Owl. Night Owl, созданный с учетом контраста и удобочитаемости, имеет успокаивающую цветовую схему, которая помогает снять напряжение глаз во время длительных сеансов кодирования.
Чтобы установить расширение темы Night Owl:
Перейдите в представление «Расширения».
Найдите «Ночная сова» и нажмите «Установить».
После установки выберите «Ночная сова» в качестве темы, открыв палитру команд (Ctrl+Shift+P в Windows/Linux, Cmd+Shift+P в macOS), выбрав «Цветовая тема» и выбрав «Ночная сова» из списка установленных тем. в вашем редакторе кода.
Цвет панели инструментов
Теперь, когда внешний вид вашего редактора кода идеален, давайте настроим цвет панели инструментов, чтобы добавить изюминку сверху. Здесь в игру вступает расширение павлина.
Благодаря расширению Peacock вы можете настроить свое рабочее пространство, изменив цвет панели инструментов сбоку от редактора кода. Это не только эстетично, но и если у вас открыто несколько экземпляров VS Code, это также может помочь вам различать их.
Чтобы установить расширение Peacock:
-
Перейдите в представление «Расширения».
-
Найдите «Павлин» и нажмите «Установить».
После установки вы можете настроить цвет панели инструментов, открыв палитру команд, выполнив поиск «Павлин: введите цвет», а затем указав шестнадцатеричное значение цвета, который вы хотите установить для панели инструментов vs code.
Заключение
Настройка кода Visual Studio — это больше, чем просто изменение цветов. Вам также необходимо создать среду кодирования, соответствующую вашему стилю и повышающую производительность. Так что не стесняйтесь экспериментировать и создавать область кодирования, которая стимулирует ваше воображение с точки зрения внешнего вида, а также исследует другие необычные функции удивительного VS Code. Приятного кодирования!
