VS Code not showing subfolders when there is only one [duplicate] - visual-studio-code

This question already has an answer here:
Shrink down empty directories explorer in VSCode? [duplicate]
(1 answer)
Closed 3 years ago.
My VS Code is not showing the sub folders when there is only one folder, it only shows when there is 2 or more. I attached a screenshot to show an example. I would like to make it show all the folders. I have been looking for how to make it go back to showing all the folders but could not find how.
If I add more folders it goes back to normal. I would to make it show the Search folder even if it is the only folder inside Input.

For anyone with the same issue, I figured out how to disable this. You need to look up explorer.compactFolders in File > Preference > Settings and disable it.

That's explained in November 2019 (version 1.41) release notes. The feature is called Compact folders in Explorer:
In the File Explorer, we now render single child folders in a compact
form. In such a form, single child folders will be compressed in a
combined tree element. Useful for Java package structures, for
example.
Setting explorer.compactFolders controls this behavior. By default,
this setting is turned on.

Related

Visual Studio Solution Explorer like experience for VSCode

Sorry in advance if this is not the right place to ask but can someone help me customise VS Code to work similar to Visual Studios Solution Explorer?
In Visual Studio we have the Solution Explorer which lists all files but also there are 2 very handy view filters; found in the title bar of the Solution Explorer panel.
Open Files Filter
Pending Changes Filter
if neither is selected then default to show all files in the solution
Ideally I want the Workspace view that lists all files in VSCode, but also a toggle to only list 'Open' files. (I'm less interested in Pending Changes).
I'm aware of the Open Editors view but I find this difficult to navigate since it's a flat view and isn't a nested directory structure. When every file is called view.html in its own folder it's a nightmare to eyeball the list of files.
Also I think toggling between "all" and "open" files would be easier than going up and down between 2 panels when you want to open something new.
So is this possible, does anyone know of a way to customise vscode to get this behaviour?
Thanks in advance!

Visual Studio Code tree view setting. Get back the old view (pre 2020) [duplicate]

This question already has answers here:
vscode disable empty folders (parent/child folders) merge/collapse/inline
(3 answers)
Closed 2 years ago.
This makes me crazy! It should be trivial but I cant find in settings how to get back the old look in the file explorer window. Well it's not that old, it was just a few weeks ago.
First image shows what I want and the second image shows what I have now. To be clear I don't want the folder structure to show up like this:
routes \ admin
or
views \ admin
I want it to look like in the first image.
The question is how to get it back so it looks like in the first image. What setting is it?
In visual Studio Code.
Ctrl + Shift + P (to open the command pallete)
Type Open Settings (UI) and press Enter
On the Settings search box, type Compact Folders and uncheck the checkbox

VS Code folder structure layout [duplicate]

This question already has an answer here:
Shrink down empty directories explorer in VSCode? [duplicate]
(1 answer)
Closed 3 years ago.
Recently the layout of how folders inside of folders are being displayed on my editor in the left panel has changed and I was looking for a way to change it back.
Currently I see this sort of layout where menu-item is a folder inside of the components folder but is on one line like components/menu-item
I would prefer it being displayed like how the page folder is being displayed under the src folder. I have looked in VS code settings but so far but did not see any such option to change the layout. Any help is much appreciated.
You're looking for Explorer: Compact Folders. Disable it.
"explorer.compactFolders": false

Why are sub-folders within the File Explorer in Visual Studio Code collapsing into a single line?

I am relatively new to VS Code and I think I must have accidentally changed a setting.
VS Code used to clearly display all sub-folders below and indented to the right from their parent folders, but something has changed and now my sub-folders display somewhat like breadcrumbs in the File Explorer (see image posted below).
I've tried looking through the Keyboard Shortcuts and 'Tips and Tricks' doc for VS Code as well as googling and searching through Stack Overflow, but can't seem to figure out what the command is to change this setting. Any thoughts on how to fix this would be really helpful.
This is a fairly newer change to VSCode that came on the November 2019 (version 1.41)
The setting you are looking for is "compact folders". You can get there by going to:
File → Preferences → Settings → explorer.compactFolders and then unchecking the box.
From November 2019 (Version 1.41) release notes:
Compact folders in Explorer
In the File Explorer, we now render single child folders in a compact
form. In such a form, single child folders will be compressed in a
combined tree element. Useful for Java package structures, for
example.
Setting explorer.compactFolders controls this behavior. By default,
this setting is turned on.

Turn off visual studio code inline parent/child folder display [duplicate]

This question already has answers here:
VS Code not showing subfolders when there is only one [duplicate]
(2 answers)
Closed last year.
Im not sure if this is an extension or an update but ever since the most recent VS code update they have single folders inline with parent folders. I didnt think it would bother me as much but I find that is driving me crazy, I much to prefer to just have child folders nested underneath the first time instead of dynamically changing all the time based on my folder structure.
Here is an image example, anybody know what this setting is called?
File -> Preferences -> Settings -> Features -> Explorer and untick the compact folders checkbox.
Or directly in your settings.json, add "explorer.compactFolders": false.