VS Code 资源管理器怎样关闭紧凑文件夹显示

VS Code 资源管理器里的连续单子文件夹如果被压缩成一行，可以关闭 explorer.compactFolders。打开设置搜索这个名称，找到 Explorer: Compact Folders 后取消勾选，目录树就会恢复为逐级显示；需要把配置带到其他工作区时，再把它写入 settings.json。

官方地址：https://code.visualstudio.com/

先确认你遇到的是紧凑文件夹

打开 VS Code 左侧的 Explorer。如果项目里存在 src/components/forms 这样的连续目录，并且资源管理器把它显示为一条合并路径，说明改变的是目录树的展示方式，文件本身并没有被移动或删除。

这个状态在 Java 包目录、前端组件目录或分层较深的项目中比较常见。先确认目录仍然存在，再进行设置修改，能避免把“显示紧凑”误判成“文件夹丢失”。

从 Settings 搜索紧凑文件夹开关

1. 点击左下角齿轮，选择 Settings；也可以使用命令面板打开设置。
2. 在设置页顶部搜索框输入 explorer.compactFolders。
3. 在结果中定位 Explorer: Compact Folders，确认它属于资源管理器显示设置。

如果开关处于选中状态，VS Code 会把只有一个子文件夹的连续路径合并到同一个树节点中。取消勾选后，设置会立即影响资源管理器的目录显示，通常不需要编辑项目文件。

取消勾选并看逐级目录是否恢复

1. 点击 Explorer: Compact Folders 右侧的复选框，使它变为关闭状态。
2. 回到 Explorer，观察原先的一行路径是否拆成 src、components、forms 三个有缩进关系的节点。
3. 展开其中一级目录，确认文件仍能从原来的层级进入。

看到目录节点逐级出现，就说明设置已经生效。这里改变的是树的排版密度，不会删除文件，也不会改变 Git 路径、编译入口或工作区的目录结构。

需要同步时写入 settings.json

如果团队希望每个人看到同样的目录树，可以在用户设置或当前工作区的 .vscode/settings.json 中加入下面这一项。JSON 代码块保持严格合法，因此不在其中插入注释；配置含义放在代码块旁边说明。

{
  "explorer.compactFolders": false
}

写入用户设置会影响所有工作区；写入 .vscode/settings.json 则只影响当前项目。保存后回到 Explorer，如果没有立即刷新，可以执行 Developer: Reload Window，再观察目录层级。

别把目录显示和文件排除混在一起

explorer.compactFolders 只负责连续单子文件夹的显示方式。下面几种现象属于不同设置：

最后用三个状态确认设置成功

可以按下面的顺序做一次快速确认：

1. 设置页中的 Explorer: Compact Folders 已取消勾选，或配置文件中的值为 false。
2. Explorer 中连续的单子文件夹显示为多个逐级节点。
3. 原来的文件仍能打开，路径和版本控制状态没有变化。

如果只有某个工作区仍然显示紧凑目录，先检查工作区级 .vscode/settings.json 是否覆盖了用户设置；如果文件夹彻底消失，则转去检查 files.exclude，不要继续反复切换 compact folders。

相关问题

关闭紧凑文件夹会改变项目目录吗？

不会。它只改变 Explorer 的树形展示，磁盘上的目录、相对路径和 Git 记录都不变。

用户设置和工作区设置应该选哪个？

个人所有项目都想逐级显示时写用户设置；只想让当前仓库统一显示时写工作区设置。

为什么取消开关后还是看不到某个目录？

紧凑显示只会合并节点，不会隐藏节点。若目录完全不见，应检查 files.exclude、工作区根目录和扩展提供的资源过滤规则。