Como organizar importações automaticamente no VSCode

brendoncarvalho

Brendon dos Reis Carvalho

Posted on June 8, 2022

Como organizar importações automaticamente no VSCode

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.

Exemplo da auto correção do VSCode

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
    }
}
Enter fullscreen mode Exit fullscreen mode

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

💖 💪 🙅 🚩
brendoncarvalho
Brendon dos Reis Carvalho

Posted on June 8, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related