Como organizar importações automaticamente no VSCode

#typescript #vscode #react #node

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