WebStorm Scope配置：如何隐藏顶层src目录仅显示其文件？

针对你遇到的情况——配置了file:src//*的Scope后仍显示src目录，想直接展示其下文件以简化导航——这里有两个实用的解决方案：

方案一：调整Project视图的扁平化显示设置 #

这个方法不需要修改现有Scope，只需调整视图显示规则：

• 在Project视图顶部的下拉菜单中，确保选中你自定义的Scope。
• 点击视图右上角的齿轮图标（设置按钮），勾选Flatten Packages选项。这个选项虽然名字带有“Packages”，但对普通目录同样生效：当文件只有一层父目录（也就是你的src）时，WebStorm会直接展示文件，不再显示父目录结构。
• 如果还有空目录干扰，可以同时勾选Hide Empty Directories来进一步精简视图。

方案二：将src目录设为Source Root（替代模块目录） #

考虑到你的项目有10个独立模块，每个模块原本被设为Source Root，你可以调整Source Root的层级：

• 右键点击模块下的src目录，选择Mark Directory as > Sources Root。
• 再右键点击模块本身，选择Mark Directory as > Unmark as Sources Root。
• 此时你的Scope规则file:src//*会直接匹配src下的文件，而Project视图会将src当作根节点展示，不再显示多余的src目录层级，同时保留你隐藏package.json等文件的效果。

两种方法都能达到你想要的紧凑导航效果，你可以根据自己的项目结构偏好选择。

内容的提问来源于stack exchange，提问作者samanime