C'è un modo per rimuovere le importazioni e le dichiarazioni non utilizzate da Angular 2+?

Mi è stato assegnato il compito di prendere del codice incasinato da altri sviluppatori che hanno già lasciato la società di recente.

Sto curiosamente chiedendo: esiste qualche plug-in di Visual Studio Code o altri mezzi che potrebbero aiutarci a riordinare e organizzare le importazioni e i riferimenti in modo rapido ed efficace?

Ad esempio, ci sono forse centinaia di importazioni come questa

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

potrebbe essere convertito in modo simile

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

O altre funzioni come la rimozione automatica di tali importazioni e dichiarazioni inutilizzate dal modulo app o da tutti i componenti attraverso l'intero progetto?

Grazie per qualsiasi feedback!

Modifica (come suggerito nei commenti e in altre persone), Visual Studio Code si è evoluto e fornisce questa funzionalità integrata come il comando "Organizza le importazioni", con le seguenti scorciatoie da tastiera predefinite :

option+ Shift+ Oper Mac

Alt + Shift + Oper Windows

Risposta originale:

Spero che questa estensione del codice di Visual Studio sia sufficiente per le tue esigenze: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Fornisce le seguenti funzionalità:

• Aggiungi le importazioni del tuo progetto o delle tue librerie al tuo file attuale
• Aggiungi un'importazione per il nome corrente sotto il cursore
• Aggiungi tutte le importazioni mancanti di un file con un comando
• Intellisense che suggerisce simboli e aggiunge automaticamente le "Lampadine" necessarie per l'importazione che corregge il codice che hai scritto
• Ordina e organizza le tue importazioni (ordina e rimuovi inutilizzati )
• Vista di struttura del codice del documento TS / TSX aperto
• Tutte le cose interessanti anche per JavaScript! (fase sperimentale, migliore descrizione di seguito).

Per Mac: control+ option+o

Per Win: Ctrl+ Alt+o

A partire dalla versione 1.22 di Visual Studio, questo è gratuito senza la necessità di un'estensione.

Shift+ Alt+O si prenderà cura di te.

Se sei un utente pesante di Visual Studio, puoi semplicemente aprire le impostazioni delle preferenze e aggiungere quanto segue alle tue settings.json:

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

Spero che questo possa essere utile!

Per poter rilevare importazioni, codice o variabili non utilizzati, assicurati di avere queste opzioni nel file tsconfig.json

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

avere il compilatore dattiloscritto installato, se non installarlo con:

npm install -g typescript

e l' estensione tslint installata in Vcode, questo ha funzionato per me, ma dopo averlo abilitato noto un aumento dell'utilizzo della CPU, specialmente su grandi progetti.

Consiglierei anche di utilizzare l' estensione dell'eroe dattiloscritto per organizzare le tue importazioni.

Da VSCode v.1.24 e TypeScript v.2.9:

Per Mac: option+ Shift+O

Per Win: Alt+ Shift+O

Ci sono già così tante buone risposte su questa discussione! Pubblicherò questo per aiutare chiunque cerchi di farlo automaticamente ! Per rimuovere automaticamente le importazioni non utilizzate per l'intero progetto, questo articolo mi è stato davvero utile.

Nell'articolo l'autore lo spiega in questo modo:

Crea un file tslint autonomo che contenga quanto segue:

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

Quindi eseguire il comando seguente per correggere le importazioni:

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

Valuta di correggere eventuali altri errori che genera. (L'ho fatto)

Quindi controlla che il progetto funzioni costruendolo:

ng build

o

ng build name_of_project --configuration=production 

Fine: se viene compilato correttamente, le importazioni sono state rimosse automaticamente con successo!

NOTA: questo rimuove solo le importazioni non necessarie. Non fornisce le altre funzionalità di VS Code quando si utilizza uno dei comandi precedentemente menzionati.

vai al tuo tslint.jsone modifica il valore della proprietà no-unused-variableinfalse