Aninhar arquivos .razor e .razor.cs | nest .razor and .razor.cs [VSCODE]

Neste artigo vou mostrar como aninhar arquivos que conhenha mesma extenção porém com adicional, exemplo o arquivo Counter.razor e Counter.razor.cs

Se trata de uma configuração experimental no vscode, basta abrir as configurações em json do vscode > F1 ou Shift+Ctrl+P > settings > Preferencess: Open Settings (JSON),

Depois adicione

   

    "explorer.experimental.fileNesting.enabled": true,

    "explorer.experimental.fileNesting.patterns": {

        "*.ts": "$(capture).js, $(capture).*.ts",

        "*.js": "$(capture).js.map, $(capture).min.js, $(capture).d.ts",

        "*.jsx": "$(capture).js",

        "*.tsx": "$(capture).ts",

        "tsconfig.json": "tsconfig.*.json",

        "package.json": "package-lock.json, .npmrc, yarn.lock, .yarnrc, pnpm-lock.yaml",

        "*.razor":"$(capture).razor, $(capture).razor.cs"

    }

Na ultima linha "*.razor":"$(capture).razor, $(capture).razor.cs" adicionamos as extenções .razor e .razor.cs tendo o seguinte resultado:

Pode adicionar opções para .cshtml e .cshtml.cs também, só seguir o modelo de .razor.

 

COMENTE

& Compartilhe

Tweet