How can hide autogenerated files by TypeScript in NerdTree?

Question

I want to hide the auto generated files (.js .js.map) by Typescript transpiler in NERDTree.

Answer 1

Thanks to Hussein Nazzal, I've managed to solve it this way (because I'm using Angular2 there are a couple of steps to be aware):

• Add an outDir property to tsconfig.json this way:

  {
    "compilerOptions": {
      "target": "es5",
      "module": "system",
      "moduleResolution": "node",
      "sourceMap": true,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "removeComments": false,
      "noImplicitAny": false, 
      "outDir": "buildjs/"
    },
    "exclude": [
      "node_modules",
      "typings/main",
      "typings/main.d.ts"
    ]
  }
  

• Then in .vimrc file add the following:

  let NERDTreeIgnore=['buildjs$']
  

• Don't forget to modify index.html and add the following line near System.import('buildjs/main'),

  System.import('app/main')`
  

• add to System.config

  map: {
    app: 'buildjs'
  }
  

Answer 2

to hide files use the NERDTreeIgnore

let NERDTreeIgnore = ['\.js$' , '\.js.map$']

the following line should be used in your vimrcfile

Answer 3

If you type I (uppercase i) in NERDTree you can toggle the visibility of hidden files.

To hide the files by default put this line in your vimrc:

let NERDTreeShowHidden=0