Hiding .js and .map files in VS Code while

Question

What kind of settings can I use in Visual Studio Code to hide certain .js and .map files ?

Possible duplicate of [Hide .js.map files in Visual Studio Code](http://stackoverflow.com/questions/31587949/hide-js-map-files-in-visual-studio-code) — Structed, May 01 '17 at 22:32

score 18 · Answer 1 · answered Jul 15 '17 at 14:55

18

You probably don't want to blindly hide all .js and .map files, only the ones that are generated from an associated .ts file like you show in your screenshot.

To conditionally hide them, you're going to want to do this instead:

{
  "files.exclude": {
    "**/.git": true,
    "**/.DS_Store": true,
    "**/*.js.map": true,
    "**/*.js": {"when": "$(basename).ts"}
  }
}

answered Jul 15 '17 at 14:55

Jess Chadwick

2,373
2
21
24

Where does this go ? – Francis Ducharme Oct 07 '21 at 14:57

score 12 · Accepted Answer · answered Mar 20 '16 at 21:51

12

You can configure the files.exclude properties in the User Settings.

Add this to your user settings file.

{
  "files.exclude": {
    "**/.git": true,
    "**/.DS_Store": true,
    "**/*.js": true,
    "**/*.js.map": true
  }
}

You can open the settings file from the command pallet (ctrl + shift + p) and searching for settings.

answered Mar 20 '16 at 21:51

toskv

30,680
7
72
74

3

I would still recommend you use tsconfig.json to output the js and sourcemaps to a separate folder, it makes it easier to maintain. – toskv Mar 20 '16 at 21:52

Sangram Nandkhile · Answer 3 · 2017-08-26T20:44:26.770

If you don't find settings.json in .vs code folder, you may generate it through vs code.

File >> Preferences >> Settings >>

Notice the drop-down on the right side. Click on it and select the workspace settings.

You may paste your json settings.

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js.map": true,
        "**/*.js": {"when": "$(basename).ts"},
        "**/node_modules/": true, <-- To hide node modules files
        "**/*.spec.ts": true <-- To hide cli generated files
    }
}

Make sure that you save the file.

Hiding .js and .map files in VS Code while

3 Answers3