CODEWITHSUNDEEP
angulartypescriptvisual-studio-code
user5927116
user5927116

Reputation:

VS Code: Group files with same name and different extensions

I'm working in an angular2 project with vscode. Is there any way to group files with same names and different extensións as same as Visual Studio do it.

Example:

Upvotes: 13

Views: 2662

Answers (2)

Yordan Georgiev
Yordan Georgiev

Reputation: 115

This is now available you can find it here: https://code.visualstudio.com/updates/v1_67#_explorer-file-nesting

P.S: What is unbelievable is that in WebStorm this is not working so well. For anyone interested you can see the feature request here https://youtrack.jetbrains.com/issue/IDEA-261209/Collapse-inner-nested-classes-in-the-project-view-by-default

Upvotes: 0

eko
eko

Reputation: 40677

Short answer is no but you can hide the non-ts files.

Go to Files -> Preferences -> Workspace Settings and on the right pane paste:

// Place your settings in this file to overwrite default and user settings.
{
    
      "files.exclude": {
        // include the defaults from VS Code
        "**/.git": true,
        "**/.DS_Store": true,

        // exclude .js and .js.map files, when in a TypeScript project
        "**/*.js": { "when": "$(basename).ts"},
        "**/*.js.map": true
    }
}

Upvotes: 2

Related Questions