Al usar WebStorm sin el Compilador TypeScript incorporado (por ejemplo, porque está ejecutando un proyecto Angular2 con su npm start que ya compila) y el otro método no funciona, puede configurar su propio panel de "Proyecto" filtrado para Tormenta web:

1. Seleccione la sección Project Files del panel lateral (la sección Project no ofrece el menú de configuración necesario)
2. Haga clic en el icono de engranaje para configurar
3. Seleccione "Editar ámbitos" en ese menú
4. Agregar un nuevo alcance
5. Configure el Patrón en un filtro apropiado para excluir los archivos *.js y *.js.map (estoy usando !file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map )
6. Puede seleccionar este alcance como una sección del panel lateral (en lugar de Project o Project Files de proyecto) bajo el nombre que estableció para el alcance.

• Habilite el compilador TypeScript (los archivos generados se ocultan cuando el compilador los genera)

• Cambie su vista a Project como lo sugiere Cibes

Para mí, usar el panel Project , en lugar del panel Project Files , hizo el truco al colapsar los archivos *.js y .js.map y ocultarlos debajo de su archivo *.ts correspondiente.

Nota: Esto solo funciona cuando el compilador TypeScript de WebStorm está habilitado. ( ver la respuesta de A_Singh )