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

Question

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

文件未完全隐藏。

Answer 1

在没有内置TypeScript编译器的情况下使用WebStorm时（例如，因为您运行的是带有npm start脚本的Angular2项目，它已经进行了编译）而另一种方法不起作用，您可以配置自己的过滤“项目”面板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 *.js !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文件，并将它们隐藏在相应的*.ts文件下。

注意：这仅在启用WebStorm的TypeScript编译器时有效。 （ 见A_Singh的回答 ）

Answer 4

WebStorm 2017.3.3

如果您不需要运行Enable Typescript Compiler 。

你可以这样做

然后

之后，只需选择过滤器即可