If you are working with Visual Studio Code and working with Typescript you'll soon notice that you are cluttered with JS files that are equivalent to your typescript file (these are the compiled/interpreted versions).
To get some order in your workflow, its often to get them out of the way and you can do this by editing the settings. To do this first open settings via File > Preferences > Settings or use the keyboard combination
CTRL + ,
Once your settings is opened simply place the following lines
"**/*.js": {"when": "$(basename).ts"},
"**/*.map": {"when": "$(basename).map"}
My whole file looks like this :
{
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"**/*.js": {"when": "$(basename).ts"},
"**/*.map": {"when": "$(basename).map"}
}
}
This doesn't hide all js files, only the files which have a typescript file.