Existe-t-il un moyen de supprimer les importations et les déclarations inutilisées d'Angular 2+?

Je suis chargé de prendre du code en désordre d'autres développeurs qui ont déjà quitté l'entreprise récemment.

Je demande curieusement s'il existe un plug-in de Visual Studio Code ou d'autres moyens qui pourraient nous aider à ranger et à organiser les importations et les références rapidement et efficacement?

Par exemple, il y a peut-être des centaines d'importations comme celle-ci

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

pourrait être converti de manière similaire

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

Ou d'autres fonctions comme la suppression automatique de ces importations et déclarations inutilisées de l'app.module ou de tous les composants tout au long du projet?

Merci pour vos commentaires!

Modifier (comme suggéré dans les commentaires et d'autres personnes), Visual Studio Code a évolué et fournit cette fonctionnalité intégrée sous la forme de la commande «Organiser les importations», avec les raccourcis clavier par défaut suivants :

option+ Shift+ Opour Mac

Alt + Shift + Opour Windows

Réponse originale:

J'espère que cette extension de code Visual Studio suffira à vos besoins: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Il fournit les fonctionnalités suivantes:

• Ajoutez des importations de votre projet ou de vos bibliothèques à votre fichier actuel
• Ajouter une importation pour le nom actuel sous le curseur
• Ajouter toutes les importations manquantes d'un fichier avec une seule commande
• Intellisense qui suggère des symboles et ajoute automatiquement les importations nécessaires "Fonction d'ampoule" qui corrige le code que vous avez écrit
• Triez et organisez vos importations (triez et supprimez les inutilisés )
• Vue d'ensemble du code de votre document TS / TSX ouvert
• Tous les trucs sympas pour JavaScript aussi! (stade expérimental cependant, meilleure description ci-dessous.)

Pour Mac: control+ option+o

Pour gagner: Ctrl+ Alt+o

À partir de la version 1.22 de Visual Studio Code, cela est gratuit sans avoir besoin d'une extension.

Shift+ Alt+O prendra soin de vous.

Si vous êtes un grand utilisateur de Visual Studio, vous pouvez simplement ouvrir vos paramètres de préférence et ajouter ce qui suit à votre settings.json:

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

J'espère que cela peut être utile!

Pour pouvoir détecter les importations, le code ou les variables inutilisés, assurez-vous d'avoir ces options dans le fichier tsconfig.json

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

installez le compilateur dactylographié, sinon installez-le avec:

npm install -g typescript

et le tslint extension installée dans Vcode, cela a fonctionné pour moi, mais après l'activation, je remarque une augmentation de l'utilisation du processeur, en particulier sur les gros projets.

Je recommanderais également l'utilisation de l' extension de héros dactylographiée pour organiser vos importations.

Depuis VSCode v.1.24 et TypeScript v.2.9:

Pour Mac: option+ Shift+O

Pour gagner: Alt+ Shift+O

Il y a déjà tellement de bonnes réponses sur ce fil! Je vais publier ceci pour aider quiconque essaie de le faire automatiquement ! Pour supprimer automatiquement les importations inutilisées pour l'ensemble du projet, cet article m'a été très utile.

Dans l'article, l'auteur l'explique comme ceci:

Créez un fichier tslint autonome contenant les éléments suivants:

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

Exécutez ensuite la commande suivante pour corriger les importations:

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

Pensez à corriger toutes les autres erreurs qu'il génère. (J'ai fait)

Ensuite, vérifiez que le projet fonctionne en le construisant:

ng build

ou

ng build name_of_project --configuration=production 

Fin: S'il se construit correctement, vous avez supprimé automatiquement les importations!

REMARQUE: cela supprime uniquement les importations inutiles. Il ne fournit pas les autres fonctionnalités offertes par VS Code lors de l'utilisation de l'une des commandes mentionnées précédemment.

allez dans votre tslint.jsonet changez la valeur de la propriété no-unused-variableenfalse