Как скрыть файлы .js и .map в WebStorm во время работы над проектом Angular2 - typescript

Ответ 1

При использовании WebStorm без встроенного компилятора TypeScript (например, потому что вы используете проект Angular2 с их npm start script, который уже выполняет компиляцию), а другой метод не работает, вы может настроить вашу собственную фильтрованную панель "Проект" для WebStorm:

• Выберите раздел Project Files на боковой панели (Project раздел не предлагает необходимое меню конфигурации)
• Нажмите на значок шестеренки, чтобы настроить
• Выберите "Изменить области" в этом меню
• Добавить новую область
• Установите шаблон в соответствующий фильтр, чтобы исключить файлы *.js и *.js.map (я использую !file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map)
• Вы можете выбрать эту область как часть боковой панели (вместо Project или Project Files) под именем, которое вы задали для области.

Ответ 2

• Включить Typescript Компилятор (сгенерированные файлы скрыты, когда компилятор их создает)

• Измените свой вид на Project, как это было предложено Cibes

Ответ 3

Для меня, используя панель Project, а не панель Project Files, трюк сворачивал файлы *.js и .js.map и скрывал их под их соответствующим *.ts файлом.

Примечание. Это работает только при включенном WebStorm TypeScript компиляторе. (см. ответ A_Singh)