Як я можу виключити каталог із вкладки «Дослідження» Visual Studio Code?

Я намагаюся виключити кілька папок на вкладці «Дослідити» у Visual Studio Code. Для цього я додав наступний jsconfig.json до кореня мого проекту:

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

Але папка "node_modules" все ще видно у дереві каталогів. Що я роблю неправильно? Чи є інші варіанти?

Використовуйте files.exclude :

• Перейдіть у меню Файл -> Налаштування -> Налаштування (або на Mac- коді -> Налаштування -> Налаштування )
• Виберіть 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 ви переходите до налаштувань ( Ctrl+ ,) та переконайтесь, що виберіть " Налаштування робочої області " вгорі праворуч.

Потім додайте files.excludeопцію, щоб вказати шаблони для виключення.

Ви також можете додати, search.excludeякщо ви хочете виключити файл лише з результатів пошуку, а не з провідника папок.

тл; д-р

1. Натисніть Ctrl+ Shift+ Pабо Command+ Shift+ Pна mac
2. Введіть "Налаштування робочої області".
3. Змініть виключення налаштувань через GUI або в 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-коді -> Налаштування -> Налаштування)
• Виберіть вкладку Налаштування папки

Потім додайте блок "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.