How can I exclude a directory from Visual Studio Code 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

User · Answer

tl dr   Press Ctrl   Shift   P or Command   Shift   P on mac Type  Workspace settings   Change exclude settings either via the GUI or in settings json    GUI way   Type  exclude  to the search bar  Click the  Add Pattern  button     Code way   Click on the little    icon at the top right corner to open the settings json   Add excluded folders to files exclude  Also check out search exclude and files watcherExclude as they might be useful too  This snippet contains their explanations and defaults          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          For more details on the other settings  see the official settings json reference

User · Answer

I managed to remove the errors by disabling the validations          javascript validate enable   false       html validate styles   false       html validate scripts   false       css validate   false       scss validate   false     Obs  My project is a PWA using StyledComponents  React  Flow  Eslint and Prettier

User · Answer

In newer versions of VS Code  you navigate to settings  Ctrl     and make sure to select Workspace Settings at the top right     Then add a files exclude option to specify patterns to exclude   You can also add search exclude if you only want to exclude a file from search results  and not from the folder explorer

User · Answer

You can configure patterns to hide files and folders from the explorer and searches   Open VS User Settings  Main menu  File  gt  Preferences  gt  Settings   This will open the setting screen   Search for files exclude in the search at the top   Configure the User Setting with new glob patterns as needed  In this case  add this pattern node modules  then click OK  The pattern syntax is powerful  You can find pattern matching details under the Search Across Files topic        quot files exclude quot          quot  vscode quot  true       quot node modules  quot  true       quot dist  quot  true       quot e2e  quot  true       quot   json quot   true       quot      md quot   true       quot  gitignore quot   true       quot     gitkeep quot  true       quot  editorconfig quot   true       quot    polyfills ts quot   true       quot    main ts quot   true       quot    tsconfig app json quot   true       quot    tsconfig spec json quot   true       quot    tslint json quot   true       quot    karma conf js quot   true       quot    favicon ico quot   true       quot    browserslist quot   true       quot    test ts quot   true       quot      pyc quot   true       quot      pycache    quot   true

User · Answer

There s this Explorer Exclude extension that exactly does this  https   marketplace visualstudio com items itemName RedVanWorkshop explorer-exclude-vscode-extension  It adds an option to hide current folder file to the right click menu  It also adds a vertical tab Hidden Items to explorer menu where you can see currently hidden files  amp  folders and can toggle them easily

User · Answer

In newer versions of VSCode this moved to a folder-specific configuration block    Go to File -  Preferences -  Settings  or on Mac Code -  Preferences -  Settings  Pick the  Folder Settings tab   Then add a  files exclude  block  listing the directory globs you would like to exclude          files exclude                 bin   true              obj   true

User · Answer

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

User · Answer

In version 1 28 of Visual Studio Code  files exclude  must be placed within a settings node   Resulting in a workspace file that looks like          settings              files exclude                     node modules   true

[visual-studio-code] How can I exclude a directory from Visual Studio Code "Explore" tab?

tl;dr

GUI way

Code way

Examples related to visual-studio-code