Como organizar importações automaticamente no VSCode

Brendon dos Reis Carvalho — Wed, 08 Jun 2022 12:02:31 +0000

O VSCode tem uma opção para remover quaisquer importações não utilizadas, classificar importações existentes por caminhos de arquivo e classificar importações nomeadas.

Abra as configurações (⇧⌘P ou Ctrl+Shift+P), pesquise por Preferences: Open Settings (JSON). Então abrirá o arquivo settings.json. Agora adicione a configuração.

"[typescript]": {
    "editor.codeActionsOnSave": {
        "source.organizeImports": true
    }
},
"[typescriptreact]": {
    "editor.codeActionsOnSave": {
        "source.organizeImports": true
    }
}

Pronto, Sempre que você salvar o arquivo *.ts ou *.tsx, o VSCode organizará automaticamente as importações.

Agradecimentos ao conteúdo original em inglês: https://eshlox.net/2019/12/02/vscode-automatically-organize-typescript-imports

DEV Community: Brendon dos Reis Carvalho

Como organizar importações automaticamente no VSCode