Освоение кода Visual Studio: как настроить отображение папок

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

Метод 1: изменение настройки «Компактные папки Explorer»

  1. Откройте VS Code и перейдите к настройкам, нажав «Файл» >«Настройки» >«Настройки» или воспользовавшись ярлыком (⌘,) в macOS или (Ctrl+,) в Windows/Linux.
  2. В строке поиска введите «Компактные папки Explorer» и установите соответствующий флажок, чтобы включить компактные папки.
  3. После включения подпапки будут отображаться в виде древовидной структуры на боковой панели.

Метод 2. Использование функции «Рабочие пространства»

  1. Откройте палитру команд, нажав (⇧⌘P) в macOS или (Ctrl+Shift+P) в Windows/Linux.
  2. Найдите и выберите «Настройки: настройки открытой рабочей области».
  3. В настройках рабочей области добавьте следующую конфигурацию JSON: 
    "explorer.autoReveal": false
  4. Сохраните файл настроек рабочей области. Это не позволит VS Code автоматически расширять папки на боковой панели.

Метод 3: использование настройки «Файлы: исключить»

  1. Откройте палитру команд и найдите «Настройки: открыть настройки рабочей области», как в методе 2.
  2. Добавьте следующую конфигурацию JSON, чтобы исключить отображение подпапок: 
    "files.exclude": {
"/subfolder": true
}

    Замените слово «подпапка» именем подпапки, которую вы хотите исключить.

  3. Сохраните файл настроек рабочей области. Исключенная подпапка больше не будет видна на боковой панели.

Метод 4: использование расширения «VS Code Icons»

  1. Откройте представление «Расширения» в VS Code, щелкнув квадратный значок на левой боковой панели или воспользовавшись ярлыком (⇧⌘X) в macOS или (Ctrl+Shift+X) в Windows/Linux.

    2. >

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

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