How to show certain files in Visual Studio Code

Question

I wish to hide .js file & .map file extensions, but to display some .js files that are important to my project. When I use the following to hide:

{
    "files.exclude": {

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

}

Everything gets hidden. How can I display specific files while the rest are hidden?

Answer 1

You probably want to hide .js files only when there is a .ts file with the same name, so you need to add condition:

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

}