javascript - 我可以在 WebStorm 中添加 "virtual"文件夹来轻松添加和隐藏配置文件吗？或者是否有一个功能可以轻松切换特定文件的可见性？

Question

在根目录中查看我的所有配置文件是我的一大烦恼，因为它们通常是在项目开始时设置的，并且只是偶尔进行调整。我知道我可以在 WebStorm 中隐藏它们，但随后取消隐藏它们就变得很麻烦。

理想情况下，我会创建一个类似“虚拟”文件夹的东西，它不会更改任何物理目录，并且我可以简单地展开以查看所有配置文件。 Visual Studio 有类似的东西，称为“解决方案”文件夹。

例如，我希望能够创建一个名为 .config 的“虚拟”文件夹，然后拖动所有配置文件。然后我就可以轻松地折叠它。

• .config
  • .bowerrc
  • .editorconfig
  • .jscsrc
  • .jshintrc
  • .bower.json
  • .gulp.config.js
  • .favicon.ico
  • .karma.conf.js
  • bower.json
  • package.json
  • README.md

或者，轻松切换特定文件或文件夹的可见性的能力将是一个很棒的功能。

这有点像黑客，但对于 Sublime Text，我有一个简单的脚本来切换 file_exclude_patterns 和folder_exclude_patterns。我目前正在尝试使用 WebStorm 来完成一些 future 的项目。

Answer 1

1. 通过“范围”，您可以创建自定义文件和文件夹组。
   https://www.jetbrains.com/webstorm/help/scopes.html

2. 您可以为该范围指定颜色。范围内的所有内容都将在侧边栏中显示为该颜色，当您从该范围打开文件时，其选项卡也将显示为该颜色!
   https://www.jetbrains.com/webstorm/help/add-edit-color-label-dialog.html

3. 左侧的项目侧边栏默认显示所有文件和文件夹。但是，您可以按自定义范围/组过滤文件:

   • 点击左上角的下拉菜单，其中显示“项目”(在十字准线旁边)。
   • 选择您定义的范围。
   • 现在您的侧边栏仅显示该范围内的文件!