Как изменить тему в VS Code

Visual Studio Code превращает редактирование и написание нового кода в легкое и увлекательное занятие. Темная тема VS Code по умолчанию была разработана таким образом, чтобы она была проще для глаз, чем обычный резкий белый фон, который может вызвать усталость после долгих часов работы. Но что, если вам не очень нравятся темные цвета на экране во время работы?

Преимущество модульной конструкции VS Code заключается в том, что у вас есть огромная свобода в изменении исходной темной темы с множеством различных параметров настройки, которые охватывают цветовую гамму экрана, шрифты и даже внешний вид самого встроенного терминала VS Code.

Эта статья расскажет вам все, что вам нужно знать об изменении тем в VS Code.

Изменить общую тему в VS Code можно быстро и легко. Вот что вам нужно сделать:

Откройте VS Code.
Выберите файл (код в macOS), выберите «Настройки», затем выберите «Цветовая тема».
VS Code покажет вам набор готовых тем для выбора в раскрывающемся меню.
Используйте клавиши курсора, чтобы просмотреть, как каждая тема выглядит прямо на экране.
Нажмите Enter при выборе, чтобы выбрать эту тему для использования.

Изменение темы на другую предварительно настроенную может быть первым делом, которое вы сделаете при первом открытии VS Code. Написание кода может занять много времени, поэтому полезно использовать тему, которая вам удобна и которая не повредит вашим глазам во время работы.

как удалить всю почту в gmail

Как изменить тему терминала в VS Code

Если вы хотите придерживаться нескольких предварительно настроенных параметров для цвета и темы терминала, процесс такой же, как изменение общей темы. Все интегрированные темы включают опции для изменения внешнего вида вашего терминала, но вы не можете отделить его от других частей самой темы в главном меню.

Прежде чем использовать вышеупомянутые шаги для изменения темы, откройте консоль терминала (Ctrl + Shift + P), чтобы просмотреть изменения, внесенные в терминал. Некоторые темы не вносят никаких изменений в терминал, в то время как другие могут его кардинально изменить. Кроме того, использовать умеренно понравившуюся тему тоже бесполезно, так как вы можете обнаружить, что используете терминал чаще, чем вы думали изначально.

Однако есть несколько обходных путей, которые позволят вам изменить тему терминала, о которых мы расскажем в следующих разделах.

Как изменить тему материала в VS Code

Основная особенность VS Code - это обилие интересных расширений, позволяющих настроить процесс кодирования и расширить функциональные возможности текстового редактора. Одним из таких расширений является Материал Тема , один из самых популярных в своем роде на VS Code Marketplace.

Тема материала имеет много преимуществ по сравнению с предварительно настроенными дизайнами, но некоторым пользователям может не хватать. В руководстве пользователя для этого расширения есть несколько советов о том, как внести дальнейшие изменения в соответствии с вашими потребностями. Вот как изменить общую тему в Material Theme:

Откройте быстрое меню (Ctrl + Shift + P).
Введите тему в подсказке.
Выберите Предпочтения: Цветовая тема.
Выберите одну из предустановок темы материала.

Установка акцентного цвета сделает часть кода всплывающей, что может быть полезно, если это особенно важная или проблемная строка для диагностики. Чтобы установить акцентный цвет, выполните следующие действия:

Откройте быстрое меню (Ctrl + Shift + P).
Введите тему материала в подсказке.
Выберите тему материала: установите цвет акцента.
Выберите понравившийся цвет из списка.

С измененной темой материала вы можете получить более высокую индивидуальную настройку, и мы покажем вам, как это сделать.

Как вручную настроить тему в VS Code

VS Code позволяет настраивать гораздо больше, чем просто переключаться между несколькими предустановками. Вот два способа настроить тему по своему вкусу.

Метод 1 - загрузка настраиваемой темы

Говоря о настройке, нельзя не упомянуть обширные Торговая площадка VS Code . Существуют различные расширения, которые изменяют только внешний вид VS Code, не влияя на его функциональность. Вот как скачать тему.

Открой Торговая площадка VS Code . Вы также можете использовать встроенное меню расширений в левой части экрана.
Введите тему в строку поиска, чтобы просмотреть только те элементы, которые меняют тему. Одна из наших главных рекомендаций - это тема материалов, упомянутая выше, но мы уверены, что вы сможете найти ту, которая вам больше всего подходит.
Загрузите расширение (при использовании браузера), затем установите файл .VSIX, выбрав Расширения> значок с многоточием> Установить из VSIX. В качестве альтернативы, когда вы найдете понравившуюся тему в VS Code, нажмите на нее, а затем нажмите кнопку «Установить» в меню сведений (справа).
После установки и включения темы выберите ее с помощью команды «Настройки: Цветовая тема».

Метод 2 - Редактирование темы

Все темы и настройки хранятся в VS Code в виде открытого текста. Следуйте инструкциям, чтобы получить доступ к этим настройкам и внести нужные изменения:

Создайте инструментальную среду или файл пользовательских настроек. Первые изменят только внешний вид текущего проекта, а вторые останутся в новых проектах.
Введите «Настройки»: откройте команду «Настройки» в главном меню.
Выберите вкладку в левом верхнем углу, чтобы выбрать между пользовательскими настройками и настройками рабочей среды.
Нажмите «Изменить» в settings.json, чтобы открыть файл, содержащий параметры, которые необходимо изменить.
Найдите параметр workbench.colorCustomizations.
Сосредоточьтесь на изменении темы, которую вы хотите, добавив

[Theme_name]: { }

Theme_name - это имя темы, которую вы хотите изменить. Сохраняйте цитаты.

Дальнейшие изменения темы вносятся в новые скобки. Введите имя параметра, который вы хотите изменить (в кавычках), введите «:» и выберите нужную настройку.
Использовать это руководство чтобы найти параметры, которые вы хотите изменить.
Цвета хранятся в шестнадцатеричном коде. Использовать цветной шестнадцатеричный справочник чтобы точно определить нужный цвет.
Когда вы закончите с изменениями, сохраните файл.

Этот метод можно использовать для изменения большей части пользовательского интерфейса и внешнего вида кода, включая цвет базовой темы, фон, внешний вид терминала, цвета кнопок и стили шрифтов.

Если вам интересно, как изменить шрифт в коде VS, используйте метод 2, описанный выше. Вам, вероятно, понадобится гид .

Дополнительный FAQ

Где хранятся темы VS Code?

Темы, которые поступают из расширений, хранятся в папке расширений VS Code. Это место находится в вашем установочном каталоге (например, C :) и обычно его можно найти здесь:

~/.vscode/extensions

Здесь ~ - это каталог установки VS Code.

Базовые темы хранятся в: Microsoft VS Code resources app extensions theme-defaults themes

Однако вам не нужно тратить время на поиск файлов, которые нужно изменить. Изменение пользовательских настроек через файл settings.json даст гораздо более быстрые результаты.

Как изменить цвет комментария в VS Code?

Чтобы изменить цвета комментариев, откройте файл settings.json (используйте метод 2, описанный выше), выберите тему, которую хотите изменить, затем введите (в кавычках):

как посмотреть дм в инстаграмм

comments : #hexcode

Здесь шестнадцатеричный код - это код желаемого цвета. Используйте палитру цветов, чтобы выбрать подходящий цвет.

Какая лучшая тема в VS Code?

Лучшая тема VS Code - это та, которую вы считаете наиболее приятной и полезной для ваших усилий по программированию. У разных пользователей могут быть разные настройки цвета и темы. К счастью, есть множество вариантов на выбор, будь то предварительно настроенные темы, загрузка расширений или возможность настроить тему точно по своему вкусу.

Выберите свою тему

С помощью этих инструкций вы можете полностью настроить тему по своему усмотрению. Благодаря множеству опций VS Code остается одним из самых популярных текстовых редакторов, а его способность получать новые функции с расширениями делает его очень похожим на IDE.

Какие темы вы используете в VS Code? Вы внесли какие-либо изменения в предпочитаемую тему? Дайте нам знать в комментариях ниже.