vscode保存时怎么显示子目录

在VSCode中保存时显示子目录，可以通过以下两种方式进行设置：

方式一：使用文件路径的相对位置方式显示子目录
1. 在VSCode中打开设置界面，可以通过点击“文件”菜单栏下的“首选项”选项，再选择“设置”来进入设置界面。
2. 在设置界面的搜索框中输入“save”进行搜索，找到”Files: Auto Save”选项。点击右侧的“编辑 in settings.json”按钮，进入JSON格式的设置文件。
3. 在设置文件中，找到”files.autoSave”键，将其值设置为”afterDelay”，表示自动保存延迟一段时间后生效。
4. 在”files.autoSaveDelay”键下方，添加以下代码：
“`json
“files.autoSave”: “afterDelay”,
“files.autoSaveDelay”: 1000,
“explorer.decorations.colors”: true,
“explorer.decorations.badges”: true,
“explorer.decorations.colors.children”: true
“`
其中，”explorer.decorations.colors.children”设置为true表示显示子目录的颜色。
5. 保存设置文件后，关闭并重新打开VSCode，当你在保存文件时，子目录会显示不同的颜色，以便区分。

方式二：使用Bracket Pair Colorizer插件显示子目录
1. 在VSCode的扩展面板中搜索并安装”Bracket Pair Colorizer”插件。
2. 安装完成后，在”插件”一栏找到并点击”Bracket Pair Colorizer”插件的配置按钮（齿轮图标）。
3. 在插件的配置文件中添加以下代码：
“`json
“bracketPairColorizer.forceUniqueOpeningColor”: true,
“bracketPairColorizer.forceIterationColorCycle”: true,
“bracketPairColorizer.colorMode”: “Interpolation”
“`
这些配置将使插件在显示括号对时，为子目录设置独特的颜色。
4. 保存配置文件后，关闭并重新打开VSCode，当你在保存文件时，子目录会显示不同颜色的括号对，以便区分。

以上是两种在VSCode中保存时显示子目录的方法，你可以根据个人喜好和习惯选择其中一种方式进行设置。

在VSCode中，可以通过设置来实现保存时显示子目录。具体步骤如下：

1. 打开VSCode，点击左上角的“文件”菜单，然后选择“首选项”>“设置”。
2. 在设置面板中，搜索框中输入“explorer.autoReveal”，然后找到“Explorer: Auto Reveal”选项。
3. 将该选项的复选框勾选上，即可启用自动展开子目录功能。
4. 保存设置后，当你保存文件时，VSCode会自动展开文件所在的子目录，并将其显示在侧边栏的资源管理器中。

除了上述方法之外，还可以通过以下方式来显示子目录：

1. 使用“⌘B”（MacOS）或“Ctrl+B”（Windows/Linux）快捷键切换侧边栏的可见性。这样可以将侧边栏隐藏起来，只显示工作区的文件。
2. 使用快捷键 “⌘⇧E”（MacOS）或“Ctrl+Shift+E”（Windows/Linux）打开资源管理器，并手动展开想要查看的子目录。

另外，VSCode还提供了一些扩展插件，可以进一步提升资源管理器的功能。例如：

1. “Better Explore”插件可以增强资源管理器的功能，使其支持项目树形展示。
2. “Project Manager”插件可以创建项目快速访问，方便管理和切换项目。

通过上述设置和插件的组合，可以实现在VSCode中保存文件时显示子目录的需求。

在VSCode中，可以通过自定义设置来显示子目录。下面是实现这个功能的操作流程：

步骤一：打开用户设置

1. 在VSCode中，点击左侧边栏底部的齿轮图标，打开“设置”；
2. 或者按下快捷键”Ctrl +,” (Windows/Linux)或”Cmd +,” (Mac)。
这样会打开VSCode的用户设置界面。

步骤二：编辑用户设置

1. 在用户设置界面中，可以看到左侧是一列选项列表，右侧是相应选项的具体设置；
2. 在搜索框中输入”explorer.compactFolders”，然后点击右侧的“编辑”按钮；
3. 选择“工作区设置”或“用户设置”（根据需要选择），这样会在右侧的文本编辑器中打开一个JSON格式的配置文件；
4. 将”explorer.compactFolders”的值改为false，表示显示子目录；
5. 保存用户设置。

步骤三：查看显示效果

1. 关闭设置页面，并重新打开一个文件夹；
2. 在文件资源管理器中，即左侧的侧边栏中，可以看到子目录现在会被展开显示。

通过以上步骤，在VSCode中就可以显示子目录了。

注意：在设置文件中，如果该选项没有出现，可以手动添加，例如：

“`
“explorer.compactFolders”: false
“`

另外，还可以使用其他的扩展插件来实现自定义的文件资源管理器的效果，例如”VSCode Icons”和”Material Icon Theme”等。这些插件提供了更多关于文件和文件夹的图标样式，可以帮助用户更直观地辨别不同类型的文件和文件夹。