VSCode多级文件夹显示_将紧凑目录结构展开的设置

小丽大大_6132

小丽大大_6132

2026-04-13

1199人浏览

原创

compact folders 是 vscode 默认启用的折叠优化功能,将子文件夹与父文件夹平铺显示(如 src 与 src/components 并列),用斜杠模拟嵌套以节省空间;关闭后恢复标准树形结构,支持真正折叠/展开和 ctrl+click 递归展开。

vscode多级文件夹显示_将紧凑目录结构展开的设置

Compact Folders 是什么,为什么它会让文件夹“挤成一行”

VSCode 默认启用 Compact Folders,它的作用是把子文件夹和父文件夹平铺显示在同一层级(比如 src 和 src/components 并列),用斜杠 / 模拟嵌套感。这不是 bug,而是为了节省侧边栏空间的主动设计。

但对多数人来说,这种“伪嵌套”反而是干扰:无法直观看出层级关系、折叠/展开操作失效、Ctrl+Click 递归展开不生效——因为底层节点根本没被渲染为可折叠项。

关闭它之后,src 会作为独立节点显示,点三角图标才能看到 components、utils 等子项,这才是真正的树形结构。

如何关闭 Compact Folders 设置

最直接的方式是修改设置:

  • 打开设置(Ctrl+, 或 Cmd+, )
  • 搜索 compact folders
  • 取消勾选 Explorer > Compact Folders

这个设置会写入用户级或工作区级 settings.json,例如:

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
{"explorer.compactFolders": false}

注意:Compact Folders 是全局开关,没有路径白名单;一旦关闭,整个资源管理器都恢复为标准树形展开逻辑,包括所有已添加的多根工作区中的文件夹。

关闭后仍显示紧凑?检查这几个地方

常见失效原因不是设置没生效,而是其他配置或状态干扰了渲染:

  • explorer.fileNesting.enabled 为 true 时,嵌套规则可能覆盖目录结构显示 —— 它优先把匹配的文件(如 xxx.component.ts 和 xxx.component.html)收进同一节点,此时即使 compactFolders 关闭,部分区域仍看起来“不展开”
  • 某些主题或自定义 CSS 插件会强制重写资源管理器样式,导致折叠图标不可见或缩进异常
  • VSCode 版本低于 1.86 时,fileNesting 功能不存在,但 compactFolders 行为一致;若用的是旧版,升级后行为更稳定
  • 多根工作区中某个根目录路径含空格或 Unicode 字符(如中文),极少数情况下会导致 Explorer 渲染异常,可临时改名为纯 ASCII 路径验证

展开后怎么保持状态不重置

VSCode 本身不记忆文件夹展开状态,关掉 Compact Folders 只是让结构“可展开”,不代表下次启动自动展开你上次看的位置。

真正要持久化展开态,必须配合:

  • 插件 Restore Tree State(唯一持续维护、专注此问题的方案)
  • 或手动养成习惯:每次退出前,用 Ctrl+Click(Windows/Linux)或 Cmd+Click(macOS)点击你最常工作的根文件夹(如 src),VSCode 会在 WorkspaceStorage 中记录该路径;只要文件夹存在,下次启动会尝试还原到那一层

别指望 workbench.tree.expandMode 或 files.autoSave 起作用——前者只影响点击行为(单击/双击触发展开),后者完全无关。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2135

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3302

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1116

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3779

7

常见的编码方式
常见的编码方式

常见的编码方式有ASCII编码、Unicode编码、UTF-8编码、UTF-16编码、GBK编码等。想了解更多编码方式相关内容,可以阅读本专题下面的文章。

2023.10.24

1448

7

a和A对应的ASCII码数值
a和A对应的ASCII码数值

a的ascii码是65,a的ascii码是97;ascii码表中,一个字母的大小写数值相差32,一般知道大写字母的ascii码数值,其对应的小写字母的ascii码数值就算出来了,是大写字母的ascii码数值“+32”。想了解更多相关的内容,可阅读本专题下面的相关文章。

2024.10.24

5307

11

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.26

3239

3

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.27

2818

6

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

2023.08.01

1488

3

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程