Sunday, February 25, 2018

VisualStudio Code Hide JS Files

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.

0 comments:

Post a Comment