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

Question

我尝试将扩展程序添加到.gitignore，但结果如下：

文件未完全隐藏。

Answer 1

在没有内置TypeScript编译器的情况下使用WebStorm时（例如，因为您运行的Angular2项目及其npm start脚本已进行编译）而另一种方法不起作用，您可以配置你自己过滤的＆＃34;项目＆＃34; WebStorm小组：

1. 选择侧面板的Project Files部分（Project部分未提供所需的配置菜单）
2. 点击齿轮图标以配置
3. 选择＆＃34;编辑范围＆＃34;从那个菜单
4. 添加新范围
5. 将模式设置为适当的过滤条件，以排除*.js和*.js.map文件（我正在使用!file[my-root-folder]:app//*.js&&!file[my-root-folder]:app//*.js.map）
6. 您可以在设置范围的名称下选择此范围作为侧面板的一部分（而不是Project或Project Files）。

Answer 2

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

• 按照 Cibes
的建议将您的观点更改为Project

Answer 3

对我来说，使用Project面板而不是Project Files面板，诀窍会折叠*.js和.js.map文件并将其隐藏在相应的{{1}下面文件。

注意：这仅在启用WebStorm的TypeScript编译器时有效。 （see A_Singh's answer）

Answer 4

WebStorm 2017.3.3

如果您不需要运行启用Typescript编译器。

你可以这样做

然后

之后，只需选择过滤器

即可