How to hide .js and .map files in WebStorm while working on Angular2-typescript project

typescript angular webstorm
runtimeZero picture runtimeZero · Mar 23, 2016 · Viewed 14k times · Source

I tried adding the extensions to .gitignore but the result is as below:

webstorm file explorer

The files are not completely hidden.

Answer

sleidig picture sleidig · Mar 24, 2016

When using WebStorm without the built-in TypeScript Compiler (e.g. because you are running an Angular2 project with their npm start script which does the compiling already) and the other method doesn't work, you can configure your own filtered "Project" panel for WebStorm:

  1. Select Project Files section of the side panel (Project section does not offer the needed config menu)
  2. Click on the gear icon to configure enter image description here
  3. Select "Edit Scopes" from that menu
  4. Add a new Scope
  5. Set the Pattern to an appropriate filter to exclude the *.js and *.js.map files (I am using !file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map)
  6. You can select this scope as a section of the side panel (instead of Project or Project Files) under the name you set the scope.

Related questions

Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
Can't bind to 'formGroup' since it isn't a known property of 'form'

THE SITUATION: Please help! I am trying to make what should be a very simple form in my Angular2 app but no matter what it never works. ANGULAR VERSION: Angular 2.0.0 Rc5 THE ERROR: Can't bind to 'formGroup' since it isn't …

Read More
How can I select an element in a component template?

Does anybody know how to get hold of an element defined in a component template? Polymer makes it really easy with the $ and $$. I was just wondering how to go about it in Angular. Take the example from the tutorial: …

Read More