Visual Studio Codeの"Explore"タブからディレクトリを除外するにはどうしたらいいですか?

Visual Studio Codeの"Explore"タブで、いくつかのフォルダを除外しようとしています。そのために、以下のjsconfig.jsonをプロジェクトのルートに追加しました。

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

しかし、ディレクトリツリーにはまだ "node_modules" フォルダが表示されています。何が間違っているのでしょうか?他に選択肢はありますか?

ソリューション

files.exclude](https://code.visualstudio.com/Docs/customization/userandworkspace)をご利用ください

  • ファイル ->環境設定 ->設定 (Macの場合は コード ->環境設定 ->設定**) に移動します。

  • ワークスペースの設定」タブを選択します。

  • 右側に表示されている settings.json ファイルにこのコードを追加します。

     // デフォルトやユーザーの設定を上書きするために、このファイルに設定を入れます。
    
     {
         "files.exclude":{
             "**/.git": true, // これはデフォルトの値です。
             "**/.DS_Store": true, // これはデフォルトの値です。
    
             "**/node_modules": true, // これはすべてのフォルダを除外します。
                                      // 除外されます。
                                      // エクスプローラーツリーから
    
             // 代替バージョン
             "node_modules": true // これはフォルダを除外します。
                                     // のルートからのみ除外されます。
                                     // ワークスペース
         }
     }

File -> Preferences -> User Settings**を選択した場合は、現在のユーザーに対して除外フォルダをグローバルに設定します。

解説 (9)

新しいバージョンのVS Codeでは、設定(Ctrl+、)に移動し、右上の_Workspace Settings_を選択することを確認します。

.

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

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

解説 (3)

バリデーションを無効にすることで、なんとかエラーを取り除くことができました。

{
    "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です。

解説 (1)