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 Codeでは、設定（Ctrl+ ,）に移動し、右上の[ ワークスペースの設定]を選択します。

次に、files.exclude除外するパターンを指定するオプションを追加します。

またsearch.exclude、フォルダーエクスプローラーからではなく、検索結果からファイルを除外する場合にも追加できます。

tl; dr

1. MacでCtrl+ Shift+ PまたはCommand+ Shift+ Pを押す
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 Codeをノード"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：私のプロジェクトは、StyledComponents、React、Flow、Eslint、Prettierを使用するPWAです。