Existe uma maneira de remover importações e declarações não utilizadas do Angular 2+?

Fui designado para receber códigos confusos de outros desenvolvedores que já deixaram a empresa recentemente.

Estou curiosamente perguntando se existe algum plug-in do Visual Studio Code ou outros meios que possam nos ajudar a organizar e organizar as importações e referências de maneira rápida e eficaz?

Por exemplo, existem talvez centenas de importações como esta

import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng';
import { ListboxModule } from 'primeng/primeng';

pode ser convertido para similarmente

import { AutoCompleteModule,
         InputSwitchModule,
         ListboxModule  } from 'primeng/primeng';

Ou outras funções, como remover automaticamente as importações e declarações não utilizadas do app.module ou de todos os componentes de todo o projeto?

Obrigado por qualquer feedback!

Edite (conforme sugerido nos comentários e em outras pessoas), o Visual Studio Code evoluiu e fornece essa funcionalidade incorporada como o comando "Organizar importações", com os seguintes atalhos de teclado padrão :

option+ Shift+ Opara Mac

Alt + Shift + Opara Windows

Resposta original:

Espero que esta extensão de código do visual studio seja suficiente para sua necessidade: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Ele fornece os seguintes recursos:

• Adicione importações do seu projeto ou bibliotecas ao seu arquivo atual
• Adicione uma importação para o nome atual sob o cursor
• Adicione todas as importações ausentes de um arquivo com um comando
• Intellisense que sugere símbolos e adiciona automaticamente as importações necessárias "Recurso de lâmpada" que corrige o código que você escreveu
• Classifique e organize suas importações (classifique e remova não utilizadas )
• Visão geral do código do seu documento TS / TSX aberto
• Todo o material interessante para JavaScript também! (estágio experimental, porém, melhor descrição abaixo.)

Para Mac: control+ option+o

Para vitória: Ctrl+ Alt+o

A partir do Visual Studio Code Release 1.22, ele é liberado sem a necessidade de uma extensão.

Shift+ Alt+O cuidará de você.

Se você é um usuário pesado do visual studio, pode simplesmente abrir suas configurações de preferência e adicionar o seguinte a suas configurações.json:

...
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.organizeImports": true
}
....

Espero que isso possa ser útil!

Para poder detectar importações, códigos ou variáveis ​​não utilizadas, verifique se você tem essas opções no arquivo tsconfig.json

"compilerOptions": {
    "noUnusedLocals": true,
    "noUnusedParameters": true
}

tenha o compilador datilografado instalado, caso contrário não o instale com:

npm install -g typescript

e a extensão tslint instalada no Vcode, isso funcionou para mim, mas depois de ativar, noto uma quantidade crescente de uso da CPU, especialmente em grandes projetos.

Também recomendo o uso da extensão herói datilografada para organizar suas importações.

Desde o VSCode v.1.24 e o TypeScript v.2.9:

Para Mac: option+ Shift+O

Para vitória: Alt+ Shift+O

Já existem tantas boas respostas neste tópico! Vou postar isso para ajudar alguém tentando fazer isso automaticamente ! Para remover automaticamente importações não utilizadas para todo o projeto, este artigo foi realmente útil para mim.

No artigo, o autor explica assim:

Crie um arquivo tslint independente com o seguinte:

{
  "extends": ["tslint-etc"],
  "rules": {
    "no-unused-declaration": true
  }
}

Em seguida, execute o seguinte comando para corrigir as importações:

 tslint --config tslint-imports.json --fix --project .

Considere corrigir outros erros que ele lançar. (Eu fiz)

Em seguida, verifique as obras do projeto construindo-o:

ng build

ou

ng build name_of_project --configuration=production 

Fim: Se criar corretamente, você removeu as importações com êxito automaticamente!

NOTA: Isso remove apenas importações desnecessárias. Ele não fornece os outros recursos que o VS Code fornece ao usar um dos comandos mencionados anteriormente.

vá para o seu tslint.jsone altere o valor da propriedade no-unused-variableparafalse