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

Question

On m'a confié la tâche de prendre du code défectueux 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 un autre moyen qui pourrait 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 façon similaire

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

Ou d'autres fonctions comme supprimer automatiquement les importations et les déclarations inutilisées du module d'application ou de tous les composants de l'ensemble du projet ?

Merci pour tout commentaire !

Answer 1

Modifier (comme suggéré dans les commentaires et par d'autres personnes), Visual Studio Code a évolué et fournit cette fonctionnalité intégrée comme la commande "Organiser les importations", avec ce qui suit raccourcis clavier par défaut :

option + Shift + O pour Mac

Alt + Shift + O pour Windows

---

Réponse originale :

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

Il offre les fonctionnalités suivantes :

• Ajouter 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 "ampoule" qui corrige le code que vous avez écrit
• Trier et organiser vos importations (tri et supprimer l'inutilisé )
• Visualisation du contour du code de votre document TS / TSX ouvert
• Tous les trucs cool pour JavaScript aussi ! (stade expérimental cependant, meilleure description ci-dessous).

Pour Mac : control + option + o

Pour gagner : Ctrl + Alt + o

Answer 2

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

Shift + Alt + O s'occupera de vous.

Answer 3

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

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

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

Answer 4

Pour être en mesure de détecter les importations, le code ou les variables inutilisés, assurez-vous que vous avez ces options dans tsconfig.json fichier

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

avoir le compilateur typescript installé, sinon l'installer avec :

npm install -g typescript

et le tslint installé dans Vcode, cela a fonctionné pour moi, mais après l'activation, j'ai remarqué une augmentation de l'utilisation du CPU, surtout sur les gros projets.

Je recommande également d'utiliser héros dactylographié pour organiser vos importations.

Answer 5

Depuis VSCode v.1.24 et TypeScript v.2.9 :

Pour Mac : option + Shift + O

Pour gagner : Alt + Shift + O