Как я могу исключить каталог из вкладки «Просмотр» кода Visual Studio?

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

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

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

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

• Перейдите в Файл -> Настройки -> Настройки (или на Mac Code -> Настройки -> Настройки )
• Выберите workspace settingsвкладку

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

  // Place your settings in this file to overwrite default and user settings.
  
  {
      "settings": {
          "files.exclude": {
              "**/.git": true,         // this is a default value
              "**/.DS_Store": true,    // this is a default value
  
              "**/node_modules": true, // this excludes all folders 
                                      // named "node_modules" from 
                                      // the explore tree
  
              // alternative version
              "node_modules": true    // this excludes the folder 
                                      // only from the root of
                                      // your workspace 
          }
      }
  }
  

Если вы выбрали « Файл» -> «Настройки» -> «Настройки пользователя», то вы настраиваете папки исключений глобально для текущего пользователя.

В более новых версиях VS Code вы переходите к настройкам ( Ctrl+ ,) и выбираете « Настройки рабочего пространства» в правом верхнем углу.

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

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

ТЛ; др

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

GUI способ

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

Кодовый способ

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

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

   {
     // Configure glob patterns for excluding files and folders. 
     // For example, the files explorer decides which files and folders to show 
     // or hide based on this setting. 
     // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
     "files.exclude": {
       "**/.git": true,
       "**/.svn": true,
       "**/.hg": true,
       "**/CVS": true,
       "**/.DS_Store": true
     },
     // Configure glob patterns for excluding files and folders in searches. 
     // Inherits all glob patterns from the `files.exclude` setting.   
     // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
     "search.exclude": {
       "**/node_modules": true,
       "**/bower_components": true
     },
     // Configure glob patterns of file paths to exclude from file watching. 
     // Patterns must match on absolute paths 
     // (i.e. prefix with ** or the full path to match properly). 
     // Changing this setting requires a restart. 
     // When you experience Code consuming lots of cpu time on startup, 
     // you can exclude large folders to reduce the initial load.
     "files.watcherExclude": {
       "**/.git/objects/**": true,
       "**/.git/subtree-cache/**": true,
       "**/node_modules/*/**": true
     }
   }

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

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

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

{
    "settings": {
        "files.exclude": {
            "**/node_modules": true
        }
    }
}

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

• Перейдите в Файл -> Настройки -> Настройки (или на Mac Code -> Настройки -> Настройки)
• Выберите вкладку « Настройки папки ».

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

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

Это расширение Explorer Exclude, которое именно это и делает. https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

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

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

{
    "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.