How do I hide certain files from the sidebar in Visual Studio Code

Question

Using Microsoft s Visual Studio Code  how do I hide certain files and file patterns from appearing in the sidebar   I want to hide  meta and  git style files

User · Answer

I would also like to recommend vscode extension Peep, which allows you to toggle hide on the excluded files in your projects settings.json.

Hit F1 for vscode command line (command palette), then

ext install [enter] peep [enter]

You can bind "extension.peepToggle" to a key like Ctrl+Shift+P (same as F1 by default) for easy toggling. Hit Ctrl+K Ctrl+S for key bindings, enter peep, select Peep Toggle and add your binding.

User · Answer

Sometimes you just want to hide certain file types for a specific project  In that case  you can create a folder in your project folder called  vscode and create the settings json file in there   i e   vscode settings json   All settings within that file will affect your current workspace only   For example  in a TypeScript project  this is what I have used      Workspace settings          The following will hide the js and map files in the editor      files exclude                   js   true                map   true

User · Answer

For  meta files while using Unity3D  I found the best pattern for hiding is    files exclude                meta   true     This captures all folders and subfolders  and will pick up foo cs meta in addition to foo meta

User · Answer

If your working on a Angular 2  application  and like me you like a clean working environment  follow  omt66 answer and paste the below in your settings json file  I recommend you do this once all the initial setup has been completed    Note  This will actually hide the  vscode folder  with settings json  in as well   Open in your native file explorer   text editor if you need to make changes afterwards   https   pastebin com X2NL6Vxb         files exclude               vscode  true           node modules   true           dist   true           e2e   true             json   true                md   true            gitignore   true               gitkeep  true            editorconfig   true              polyfills ts   true              main ts   true              tsconfig app json   true              tsconfig spec json   true              tslint json   true              karma conf js   true              favicon ico   true              browserslist   true              test ts   true

User · Answer

This may not me a so good of a answer but if you first select all the files you want to access by pressing on them in the side bar  so that they pop up on top of your screen for example  script js  index html  style css  Close all the files you don t need at the top   When you re done with that you press Ctrl B on windows and linux  i don t know what it is on mac   But there you have it  please send no hate

User · Answer

The   pycache   folder and   pyc files are totally unnecessary to the developer  To hide these files from the explorer view  we need to edit the settings json for VSCode  Add the folder and the files as shown below    files exclude                         pyc     when      basename  py             pycache     true

User · Answer

The  Make Hidden  extension works great      Make Hidden provides more control over your project s directory by enabling context menus that allow you to perform hide show actions effortlessly  a view pane explorer to see hidden items and the ability to save workspaces to quickly toggle between bulk hidden items

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     When you are done it should look something like this    If you want to directly edit the settings file  For example to hide a top level node modules folder in your workspace    files exclude          node modules    true     To hide all files that start with    such as    DS Store files found on OSX    files exclude                   true     You also have the ability to change Workspace Settings  Main menu  File  gt  Preferences  gt  Workspace Settings   Workspace settings will create a  vscode settings json file in your current workspace and will only be applied to that workspace  User Settings will be applied globally to any instance of VS Code you open  but they won t override Workspace Settings if present  Read more on customizing User and Workspace Settings

[visual-studio-code] How do I hide certain files from the sidebar in Visual Studio Code?

Examples related to visual-studio-code

Examples related to vscode-settings