How to exclude folder from "Explore" tab?

Question

I'm trying to exclude several folders on the Explore tab in Visual Studio Code. To do that, I have added a following jsconfig.json to the root of my project:

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

But the node_modules folder is still visible in the directory tree.

What am I doing wrong? Are there any other options?

Answer 1

Use files.exclude:

• Go to File -> Preferences -> Settings (or on Mac Code -> Preferences -> Settings)
• Pick the workspace settings tab
• Add this code to the settings.json file displayed on the right side:

    // 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              }         }     } 

If you chose File -> Preferences -> User Settings then you configure the exclude folders globally for your current user.