Tyler Tyler - 2 months ago 19
TypeScript Question

Hide .js.map files in Visual Studio Code

I am working on a typescript project in Visual Studio code and would like to hide the

.js.map
(and maybe even the
.js
) files from appearing in the file explorer.

Is it possible to display only the
.ts
files in the file explorer?

Answer

In your settings (either user or workspace) there is a setting that you can tweak to hide anything you'd like...

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

So you can add in the following to hide .js and .js.map files

"**/*.js": true,
"**/*.js.map": true

Update

As @AlwaysLearning pointed out down below, most people probably only want to hide .js files when there is a matching .ts file.

So instead of doing:

"**/*.js": true

you might want to do:

"**/*.js": {"when": "$(basename).ts"}
Comments