VS Code folder structure layout [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.
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

Related

VSCode - How to remove forward slash for folder inside folder? [duplicate]

This question already has answers here:
vscode disable empty folders (parent/child folders) merge/collapse/inline
(3 answers)
Closed 1 year ago.
How to change workspace with forward slash to tree like the bottom one?
I was trying to find it on the settings on VSCode but no luck
Forward Slash
Tree
I guess you are looking for the setting "Compact Folders". Simply untick that option.
The setting is called Explorer: Compact Folders and is available under Features/Explorer in settings or as
"explorer.compactFolders": false
in the json settings file.

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 not showing subfolders when there is only one [duplicate]

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.

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.

VS Code multiple views of same file WITHOUT splitting [duplicate]

This question already has an answer here:
VSCode Open new view into file
(1 answer)
Closed 2 years ago.
Is there a way in Visual Studio Code to have multiple instances of the same file open, but without splitting the view?
(Sublime editor achieves this with "File > New View Into File")
Just press the icon next to the ... Icon (It looks like a split window), or press Ctrl + \*. I hope this answered your question! :D
Edit: Sorry, I didn't read the whole thing since I came to this post from the best text editor article, lol. I don't think there is a way of doing that. Though I think you can make it yourself if you want to.