Visual Studio Code (VS Code) – популярный редактор кода, используемый разработчиками по всему миру. Хотя он предоставляет богатый набор функций, некоторые пользователи предпочитают настраивать внешний вид редактора, отключая или скрывая полосу прокрутки и мини-карту. В этой статье мы рассмотрим семь различных методов достижения этой цели, а также приведем примеры кода. Хотите ли вы освободить место на экране или создать среду программирования, не отвлекающую вас, эти методы помогут вам адаптировать работу с VS Code по своему вкусу.

Методы:

1. Использование пользовательских настроек:

   • Откройте VS Code и выберите «Файл» >«Настройки» >«Настройки».
   • В строке поиска настроек введите «полоса прокрутки» и найдите параметр «Редактор: полоса прокрутки».
   • Измените значение на «скрытый», чтобы полностью скрыть полосу прокрутки, или на «видимый», чтобы ее показать.
   • Чтобы отключить миникарту, найдите параметр «Редактор: Миникарта» и снимите флажок.

2. Установка расширений:

   • VS Code имеет обширный рынок расширений. Найдите и установите расширение, например «Пользовательский загрузчик CSS и JS».
   • После установки создайте файл CSS (например, styles.css) и добавьте следующий код:

     .editor-scrolling-container::-webkit-scrollbar {
      display: none;
     }
     .minimap {
      display: none;
     }

   • Откройте настройки VS Code («Файл» >«Настройки» >«Настройки») и добавьте следующую конфигурацию:

     "vscode_custom_css.imports": ["file:///path/to/styles.css"]

   • Перезапустите VS Code, чтобы применить изменения.

3. Использование настроек рабочей области:

   • Если вы хотите настроить полосу прокрутки и параметры мини-карты для каждого проекта отдельно, используйте настройки рабочей области.
   • Создайте каталог .vscodeв корне вашего проекта (если его еще нет).
   • В каталоге .vscodeсоздайте файл settings.json(если он еще не существует) и добавьте следующую конфигурацию:

     {
      "editor.scrollbar": "hidden",
      "editor.minimap.enabled": false
     }

   • Сохраните файл, и настройки будут применены при открытии проекта в VS Code.

4. Создание пользовательского CSS-файла:

   • Создайте файл CSS (например, styles.css) и добавьте следующий код:

     .editor-scrolling-container::-webkit-scrollbar {
      display: none;
     }
     .minimap {
      display: none;
     }

   • Откройте файл settings.jsonв VS Code («Файл» >«Настройки» >«Настройки») и добавьте следующую конфигурацию:

     "workbench.userCSS": "file:///path/to/styles.css"

   • Перезапустите VS Code, чтобы применить изменения.

5. Использование расширений, таких как «Настройка пользовательского интерфейса»:

   • Установите расширение, например «Customize UI», из магазина VS Code.
   • Откройте настройки расширения и найдите параметры, позволяющие скрыть полосу прокрутки и мини-карту.
   • Примените изменения и перезапустите VS Code.

6. Изменение темы VS Code:

   • Некоторые темы VS Code позволяют настраивать внешний вид, включая полосу прокрутки и мини-карту.
   • Откройте настройки («Файл» >«Настройки» >«Цветовая тема») и выберите тему, которая поддерживает настройку полосы прокрутки и мини-карты.
   • Войдите в настройки темы, нажав на значок шестеренки рядом с выбранной темой.
   • Найдите параметры, связанные с полосой прокрутки и мини-картой, и измените их по своему усмотрению.

7. Использование пользовательских CSS и JS:

   • Создайте CSS-файл (например, styles.css) и добавьте следующий код:

     .editor-scrolling-container::-webkit-scrollbar {
      display: none;
     }
     .minimap {
      display: none;
     }

   • Откройте файл settings.jsonв VS Code («Файл» >«Настройки» >«Настройки») и добавьте следующую конфигурацию:

     "editor.userCss": "file:///path/to/styles.css"

   • Перезапустите VS Code, чтобы применить изменения.

В этой статье мы рассмотрели семь различных способов отключения или скрытия полосы прокрутки и мини-карты в Visual Studio Code. Независимо от того, предпочитаете ли вы минималистскую среду программирования или хотите освободить место на экране, эти методы позволят вам настроить работу с VS Code. Выберите метод, который лучше всего соответствует вашим потребностям, и наслаждайтесь сеансом программирования, не отвлекаясь!