VSCode资源管理器默认启用“Compact Folders”导致文件夹层级被压缩显示；需在设置中关闭Explorer: Compact Folders并配合workbench.tree.expandMode为singleClick，再手动预选目录，才能实现启动时自动展开目标层级。

VSCode 没有所谓“树状标签”——它不支持将编辑器顶部的文件标签页（Tab）按目录层级分组或嵌套显示。你真正想设的，是资源管理器（Explorer）里的**文件夹树形结构**，或是源代码管理（Source Control）面板的**树形视图模式**。

为什么点开文件夹还是平铺、没有缩进？

这是 Explorer:compact folders 开启导致的默认行为：VSCode 会把同级同名文件夹（比如多个 src）合并成一行显示，掩盖真实层级。它不是“扁平列表”，而是“压缩折叠”——看起来像平铺，实则是视觉欺骗。

• 打开设置（Ctrl+, 或左下角齿轮图标）
• 搜索 compact folders
• 取消勾选 Explorer: Compact Folders
• 刷新资源管理器（或重启 VSCode），文件夹立刻恢复真实树状缩进

源代码管理面板怎么变树形？

Git 提交前看改动，默认是列表模式，所有修改文件挤在一行，看不出归属关系。切换为树形后，src/api/index.ts 和 src/api/utils.ts 会自动归到 src/api/ 下，package.json 和 package-lock.json 也会并列显示。

• 点击左侧源代码管理图标（分支形状）
• 右上角 “⋯” → 选择 Toggle View Mode → Tree View
• 或用命令面板（Ctrl+Shift+P）运行 Source Control: Switch to Tree View

该设置**不持久化**：每次重启 VSCode 后需重新切一次，除非你固定使用命令面板快捷键。

VSCode

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

下载

如何让常用子目录启动就展开？

VSCode 不保存文件树展开状态，这是官方设计。但你可以利用 workbench.tree.expandMode 配合手动预热，让最常工作的目录层“几乎每次都自动展开”：

• 在项目根目录下建 .vscode/settings.json
• 写入：

  {"workbench.tree.expandMode": "singleClick"}

• 关 VSCode 前，务必用鼠标**单击选中**你最常进的文件夹（如 src 或 components），不要只打开文件
• 下次启动时，VSCode 会自动展开到该层级（但不会递归展开其子级）
• 需要全展开？先选中目标文件夹，再按住 Ctrl（Win/Linux）或 Cmd（Mac）单击它

真正容易被忽略的是：资源管理器的“树形”和“展开状态”是两回事——关掉 compact folders 只解决层级显示，不解决记忆展开；而 expandMode + 预热只解决“哪一层展开”，不解决“展开多深”。两者必须配合，缺一不可。