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

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

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

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

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

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

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

  1. Откройте VS Code.

  2. Выберите «Файл» («Код» в macOS), выберите «Настройки», затем выберите «Цветовая тема».

  3. VS Code покажет вам набор готовых тем для выбора в раскрывающемся меню.

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

  5. Нажмите «Enter» при выборе, чтобы выбрать эту тему для использования.

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

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

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

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

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

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

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

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

  1. Откройте быстрое меню (Ctrl + Shift + P).

  2. Введите «тема» в подсказке.

  3. Выберите «Настройки: Цветовая тема».

  4. Выберите одну из предустановок темы материала.

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

  1. Откройте быстрое меню (Ctrl + Shift + P).

  2. Введите в подсказке «материальная тема».

  3. Выберите «Тема материала: установить цвет акцента».

  4. Выберите понравившийся цвет из списка.

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

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

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

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

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

  1. Откройте торговую площадку VS Code. Вы также можете использовать встроенное меню «Расширения» в левой части экрана.

  2. Введите «тема» в строку поиска, чтобы просмотреть только те элементы, которые меняют тему. Одна из наших главных рекомендаций - это тема материалов, упомянутая выше, но мы уверены, что вы сможете найти ту, которая вам больше всего подходит.

  3. Загрузите расширение (при использовании браузера), затем установите файл .VSIX, выбрав «Расширения> значок с многоточием> Установить из VSIX». В качестве альтернативы, когда вы найдете понравившуюся тему в VS Code, нажмите на нее, а затем выберите кнопку «Установить» в меню сведений (справа).

  4. После установки и включения темы выберите ее с помощью команды «Настройки: Цветовая тема».

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

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

  1. Создайте рабочий стол или файл пользовательских настроек. Первые изменят только внешний вид текущего проекта, а вторые останутся в новых проектах.
  2. Введите команду «Предпочтения: Открыть настройки» в главном меню.

  3. Выберите вкладку в левом верхнем углу, чтобы выбрать между пользовательскими настройками и настройками рабочей среды.

  4. Нажмите «Изменить в settings.json», чтобы открыть файл, содержащий настройки, которые необходимо изменить.

  5. Найдите параметр под названием «workbench.colorCustomizations».

  6. Сосредоточьтесь на изменении темы, которую вы хотите, добавив

«[Название_темы]»: {}

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

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

  4. Когда вы закончите с изменениями, сохраните файл.

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

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

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

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

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

~ / .vscode / расширения

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

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

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

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

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

«Комментарии»: «#hexcode»

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

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

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

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

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

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


$config[zx-auto] not found$config[zx-overlay] not found