如何在处理Angular2-typescript项目时隐藏WebStorm中的.js和.map文件

run*_*ero 30 webstorm typescript angular

我尝试添加扩展名,.gitignore但结果如下:

webstorm文件资源管理器

文件未完全隐藏.

sle*_*dig 41

在没有内置TypeScript编译器的情况下使用WebStorm时(例如,因为您运行的Angular2项目及其npm start编译已完成编译)并且其他方法不起作用,您可以为WebStorm配置自己的过滤"项目"面板:

  1. 选择Project Files侧面板的Project部分(部分不提供所需的配置菜单)
  2. 单击齿轮图标进行配置 在此输入图像描述
  3. 从该菜单中选择"编辑范围"
  4. 添加新范围
  5. 将Pattern设置为适当的过滤器以排除*.js*.js.map文件(我正在使用!file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map)
  6. 您可以在设置范围的名称下选择此范围作为侧面板的一部分(而不是ProjectProject Files).

  • 很好的答案.虽然你实际上也可以使用更简单的模式.这样的事情:`!file:app/*.js*`这省略了**app*下的扩展名(`*.js`和`*.js.map`文件)中包含**js**的文件*文件夹 (13认同)

Ank*_*ngh 12

  • 启用Typescript编译器(生成的文件在编译器生成时隐藏)

在此输入图像描述

  • Project根据Cibes的建议更改您的视图

在此输入图像描述


sle*_*dig 7

对我来说,使用Project面板,而不是Project Files面板,诀窍折叠*.js.js.map文件,并将它们隐藏在相应的*.ts文件下.

在此输入图像描述

注意:这仅在启用WebStorm的TypeScript编译器时有效.(见A_Singh的回答)


And*_*iko 6

网络风暴 2017.3.3

如果您不需要运行Enable Typescript Compiler

你可以这样做

在此处输入图片说明

然后

在此处输入图片说明

之后,只需选择您的过滤器

在此处输入图片说明