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.
Related
Is it possible to show the last modified date for each file and folder in the Explorer window of VS Code? If it's not possible by changing the settings, are there any extensions that do this?
I use macOS but am interested in solutions on macOS/Windows.
I'd like to jump in with a link to the best solution I found so far (and a link to the original repository, in case the link to marketplace changes).
But the ultimate solution (I think) would be to show that info in the status bar - I will hopefully remember to update this answer if I ever come across such a solution!
I use the VS Code filesize extension. It shows the size of the file in the bottom status bar. If you click on this size figure you will immediately see a table with the date of file creation and the date of the file update like the following:
There appears to be a whole array of extensions available nowadays, for such matter:
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
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
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.
This question already has answers here:
Visual Studio Code: can't edit LEFT-side file during COMPARE
(2 answers)
Closed 3 years ago.
I'm using VS Code 1.140.1 on MacOS Catalina and I need to compare two files.
I open both files with VS Code
I select both
I right click on them and I select "Compare Selected"
The comparison works but when I try to edit while comparing I cannot, VS Code says: "Cannot edit in read-only editor".
That is a bit frustrating because other IDE like Notepad++ they indeed allow you to edit while comparing and this is very useful as it shows you when the 2 files are the same.
Is there any way around?
Or do you suggest to change VS Code with another IDE?
After exhaustive research I found the solution here:
Visual Studio Code: can't edit LEFT-side file during COMPARE
In fact only the LEFT side is not editable, the RIGHT side is alright.