WebStorm 2021.1 Help

文件嵌套对话框

使用此对话框可以配置名称相同但后缀不同的文件的显示方式。

例如,如果您使用Angular ,这些文件可能会出现在特定于框架的项目中。

Angular 应用程序:一堆具有各种扩展名的应用程序文件

还要考虑将 TypeScript 编译成 JavaScript 并生成源映射:

打字稿文件 leftpad.ts 与编译的 JavaScript 文件 leftpad.js 和生成的源映射文件 leftpad.js.map 显示在同一级别

WebStorm 可以将此类文件束呈现为普通结构,或将父文件显示为文件夹(嵌套),其中包含子文件。

WebStorm 为文件嵌套提供了一组预定义规则。您可以编辑这些规则以及定义您自己的自定义规则。要配置文件嵌套,请指定父文件的后缀和子文件的后缀。

物品

捷径

描述

显示与嵌套同名的文件

  • 选中该复选框后,WebStorm 会根据列表中的模式识别子文件,并将它们分组显示在相应的父文件下。将上述 TypeScript 示例的演示与启用文件嵌套进行比较

    一个打字稿文件 leftpad.ts,带有一个已编译的 JavaScript 文件 leftpad.js 和一个生成的源映射文件 leftpad.js.map,显示为一个嵌套
  • 清除该复选框后,WebStorm 将显示同一级别的父级和子级。

添加按钮

Alt+Insert

添加新行并指定“父”文件后缀和匹配的“子”文件后缀。明确列出所有模式,而不使用通配符或正则表达式。

删除按钮

Alt+Delete

从列表中删除选定的规则。

重置为默认

丢弃所有自定义模式并重新加载默认规则。

最后修改时间:2022 年 1 月 18 日