Как исключить каталог из вкладки Visual Studio Code "Explore"?

Я'пытаюсь исключить несколько папок на вкладке "Explore" в Visual Studio Code. Для этого я добавил следующий jsconfig.json в корень моего проекта:

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

Но папка "node_modules" по-прежнему видна в дереве каталогов. Что я делаю не так? Есть ли другие варианты?

Комментарии к вопросу (2)
Решение

Используйте files.exclude:

  • Перейдите в File -> Preferences -> Settings (или на Mac Code -> Preferences -> Settings).

  • Выберите вкладку настройки рабочего пространства

  • Добавьте этот код в файл settings.json, отображаемый справа:

     // Поместите свои настройки в этот файл, чтобы перезаписать настройки по умолчанию и пользовательские настройки.
    
     {
         "files.exclude": {
             "**/.git": true, // это значение по умолчанию
             "**/.DS_Store": true, // это значение по умолчанию
    
             "**/node_modules": true, // это исключает все папки
                                      // с именем "node_modules" из
                                      // дерева explore
    
             // альтернативная версия
             "node_modules": true // это исключает папку
                                     // только из корня
                                     // вашего рабочего пространства
         }
     }

Если вы выбрали File -> Preferences -> User Settings, то вы настроите исключаемые папки глобально для вашего текущего пользователя.

Комментарии (9)

В более новых версиях VS Code вы переходите к настройкам (Ctrl+,) и обязательно выбираете Workspace Settings в правом верхнем углу.

Затем добавьте опцию files.exclude, чтобы указать шаблоны для исключения.

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

Комментарии (3)

tl; dr

  1. Нажмите Ctrl < / kbd > + Shift < / kbd > + P < / kbd >
  2. Введите «Настройки рабочей области».
  3. Изменить параметры исключения либо через графический интерфейс, либо в settings.json:

GUI путь

  1. Введите «исключить» в строку поиска.
  2. Нажмите кнопку «Добавить шаблон».

Код пути

  1. Нажмите на маленький значок {{{}}} в правом верхнем углу, чтобы открыть settings.json:

  2. Добавьте исключенные папки в files.exclude. Также проверьте search.exclude и files.watcherExclude, так как они также могут быть полезны. Этот фрагмент содержит их объяснения и значения по умолчанию:

    & Лт;!- язык: lang-js - >

     {
       // Настроить шаблоны глобусов для исключения файлов и папок. Например, проводник файлов решает, какие файлы и папки отображать или скрывать на основе этого параметра. Узнайте больше о шаблонах глобусов [здесь](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
       "files.exclude": {
         "** / .git": правда,
         "** / .svn": правда,
         "** / .hg": правда,
         "** / CVS": правда,
         "** / .DS_Store": правда
       },
       // Настройка шаблонов глобусов для исключения файлов и папок в поисках. Наследует все шаблоны глобусов из параметра `files.exclude`. Узнайте больше о шаблонах глобусов [здесь](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
       "search.exclude": {
         "** / node_modules": true,
         "** / bower_components": правда
       },
       // Настройте шаблоны глобальных файлов, чтобы исключить их из просмотра файлов. Шаблоны должны совпадать по абсолютным путям (т.е. префикс с ** или полным путем для правильного соответствия). Изменение этого параметра требует перезапуска. Когда вы испытываете, что при запуске Code занимает много времени в cpu, вы можете исключить большие папки, чтобы уменьшить начальную нагрузку.
       "files.watcherExclude": {
         "** / .git / objects / **": правда,
         "** / .git / subtree-cache / **": true,
         "** / node_modules / * / **": true
       }
     }

Для получения более подробной информации о других настройках см. Официальная ссылка settings.json.

Комментарии (0)

В версии 1.28 Visual Studio Code `" files.exclude " `должен быть помещен в узел`` settings.

В результате получается файл рабочей области, который выглядит как:

{
    "settings": {
        "files.exclude": {
            "**/node_modules": true
        }
    }
}
Комментарии (0)

В более новых версиях VSCode это перемещалось в специфический для папки блок конфигурации.

  • Перейти к файлу - > Настройки - > Настройки (или на Mac Code -> Настройки -> Настройки)
  • Выберите имя < папки > Настройки папки вкладка

Затем добавьте блок «files.exclude», указав глобусы каталогов, которые вы хотели бы исключить:

{
    "files.exclude": {
        "**/bin": true,
        "**/obj": true
    },
}

Комментарии (0)

Мне удалось устранить ошибки, отключив валидацию:

{
    "javascript.validate.enable": false,
    "html.validate.styles": false,
    "html.validate.scripts": false,
    "css.validate": false,
    "scss.validate": false
}

Obs: Мой проект представляет собой PWA с использованием StyledComponents, React, Flow, Eslint и Prettier.

Комментарии (1)