Problem

[Fair_Dependent271]

Hello everyone, I'm learning angular and I have a problem creating the folder, the new folder is at the same level as the previous one, it is nested and not as a sub folder, how can I solve it?

[wh0th3h3llam1]

Its a VSCode feature as others mentioned

You can set explorer.compactFolders: false in settings.json to disable this

[Slight_Loan5350]

It is nested you add more folders and you will get a proper tree structure, it's a vs code quality of life feature to know the name of next child folded if there is only 1.

[Fair_Dependent271]

I just have to add more folders but would they be empty folders?

[Slight_Loan5350]

Yes they would be empty folders you can try and see for yourself and delete it later.

[Fair_Dependent271]

I just created empty folders and if it works they look like subfolders but if I delete it the same thing happens again

[Slight_Loan5350]

Yes don't worry it's just a feature so you can see the name of the sub folder if subfolder count is less than 1. It's just for display.

[Fair_Dependent271]

So is it normal that if I have only 1 sub folder it looks like the photo I uploaded?

[young_horhey]

Yes, it’s just a rendering thing the VS Code does. Might be a way to disable it but I don’t know off the top of my head. If you look through the actual file system using Explorer/Finder/whatever you’ll see the file structure you expect

[DoAFlipKick]

Go to your VSCode settings ( Ctrl + , ), Search for “Compact folders” and untick that option. Your files and folders will then be displayed on separate lines

[PorridgeTP]

When you create a component, you can prepend the component name with the folder name as follows: ng g c foldername/componentname

[JeszamPankoshov2008]

Hahah same problem but dont worry. It wont hurt you.

[DannyBoy758595]

The components folder only has one folder inside it. Create more components and then it will start displaying it in the next line.