JavaScript受其他JavaScript的层次结构 - PhpStorm

Question

我正在尝试使用PhpStorm来处理PHP项目。

我遇到一个问题，即一个JavaScript文件未在Project文件夹下正确显示。

根据Windows文件夹结构，此js文件（bootstrap.min.js）存在于同一文件夹中（没有任何层次结构）。

但是，在PhpStorm中，它显示在其他js文件下。

它有什么理由这样吗？

与Bootstrap有什么关系吗？

Answer 1

这是PHPStorm（以及其他家庭成员）的新事物。

通常，something.min.js是something.js的代码缩小版，您通常无需在编辑器中打开缩小版本。

因此，PHPStorm将其展示在具有未经识别的，人类可读的代码版本的情况下。

它实际上并没有改变文件系统，它只是试图帮助清理一下Project窗口。

Answer 2

  

但是，在PhpStorm中，它显示在其他js文件下。

它被称为＆＃34;嵌套＆＃34;它纯粹是视觉效果 - 在实际文件系统级别没有变化。

当您拥有源文件和已处理/生成的文件（例如TypeScript源和生成的.js和.map文件; Sass源和生成的.css和.map文件等）时，这很方便。这样您只能看到源（您最感兴趣的是编辑目的），并且生成的文件被隐藏（因此更多文件可以适合屏幕）。

  

与Bootstrap有什么关系吗？

没有

您可以创建另一个文件（例如test.js和test.min.js），它将以类似的方式嵌套。

  

它有什么理由这样吗？

这是一个相对较新的功能（v2016.3左右）。

准确地说，它是一个旧功能（PhpStorm v6左右）..但在它基于File Watcher设置工作之前（并且文件必须由File Watcher处理以便嵌套）..现在（自2016.3以来我认为）它是完全独立的功能，匹配是通过简单的模式实现的。

从2017.2 IIRC开始，您可以根据需要编辑这些模式（在早期版本中，它们是硬编码的） - 只需在项目视图面板内容菜单中选择File Nesting...（例如，在＆＃34; cog＆＃34; icon下）。