Настройка цветов линейки в коде Visual Studio: методы и примеры кода

Метод 1: использование CSS
Вы можете создавать линейки разных цветов в VSC, изменяя CSS редактора. Вот пример:

  1. Откройте код Visual Studio.
  2. Перейдите в «Файл» >«Настройки» >«Настройки» (Код >Настройки >Настройки в macOS).
  3. В строке поиска настроек введите «workbench.colorCustomizations» и нажмите «Изменить в settings.json».
  4. Добавьте следующий код в файл settings.json:
"workbench.colorCustomizations": {
  "editorRuler.foreground": "#FF0000",
  "editorRuler.activeForeground": "#00FF00"
}

В приведенном выше примере свойство editorRuler.foregroundзадает цвет линеек, а editorRuler.activeForegroundзадает цвет активной линейки.

Метод 2: использование расширений
Visual Studio Code имеет богатую экосистему расширений, которые могут улучшить его функциональность. Вы можете выполнить поиск расширений, предоставляющих возможности настройки линейки. Вот пример использования расширения «Custom CSS and JS Loader»:

  1. Установите расширение «Пользовательский загрузчик CSS и JS» из магазина Visual Studio Code.
  2. Создайте файл CSS (например, custom-rulers.css
.monaco-editor .margin-view-overlays .current-line-margin {
  background-color: #FF0000;
}
.monaco-editor .margin-view-overlays .line-margin {
  background-color: #00FF00;
}

В приведенном выше примере класс .current-line-marginзадает цвет активной линейки, а класс .line-marginзадает цвет другие правители.

  1. Откройте палитру команд Visual Studio Code, нажав Ctrl+Shift+P(или Cmd+Shift+Pв macOS).
  2. Найдите «Пользовательский CSS и JS: внедрить CSS в текущую рабочую область» и выберите его.
  3. Выберите созданный вами файл CSS (custom-rulers.css).

Это расширение внедрит код CSS в код Visual Studio, что позволит вам настроить цвета линеек.