Angular 2+から未使用のインポートと宣言を削除する方法はありますか？

私は最近退職した他の開発者からいくつかのめちゃくちゃなコードを取得するよう割り当てられています。

不思議なことに、インポートと参照を迅速かつ効果的に整理して整理するのに役立つVisual Studio Codeまたはその他の手段のプラグインはありますか？

たとえば、このようなインポートはおそらく数百あります

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

同様に変換することができます

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

または、app.moduleまたはプロジェクト全体のすべてのコンポーネントから未使用のインポートと宣言を自動的に削除するような他の関数？

フィードバックをありがとう！

編集（コメントや他の人の提案に従って）、Visual Studio Codeは進化し、この機能をコマンド「インポートの整理」として組み込み、次のデフォルトのキーボードショートカットで提供しています。

option+ Shift+ OMac

Alt + Shift + OWindowsの場合

元の答え：

このビジュアルスタジオコード拡張があなたのニーズを十分に満たすことを願っています：https : //marketplace.visualstudio.com/items? itemName=rbbit.typescript-hero

次の機能を提供します。

• プロジェクトまたはライブラリのインポートを現在のファイルに追加する
• カーソルの下に現在の名前のインポートを追加する
• 1つのコマンドでファイルのすべての不足しているインポートを追加する
• シンボルを提案し、必要なインポートを自動的に追加するIntellisenseは、作成したコードを修正する「電球機能」
• インポートの並べ替えと整理（未使用の並べ替えと削除）
• 開いているTS / TSXドキュメントのコード概要ビュー
• JavaScriptのすべてのクールなものも！（ただし、実験段階ですが、以下で詳しく説明します。）

Macの場合：control+ option+o

Winの場合：Ctrl+ Alt+o

Visual Studio Codeリリース1.22以降、これは拡張機能を必要とせずに無料で提供されます。

Shift+ Alt+Oが面倒を見てくれます。

ビジュアルスタジオのヘビーユーザーは、設定を開いて、settings.jsonに以下を追加するだけです。

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

うまくいけば、これは役に立ちます！

未使用のインポート、コード、変数を検出できるようにするには、tsconfig.jsonファイルにこのオプションがあることを確認してください

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

typescriptコンパイラーがインストールされている場合、インストールされていない場合：

npm install -g typescript

Vcodeにインストールされているtslint拡張機能はこれでうまくいきましたが、有効にした後、特に大きなプロジェクトで、CPU使用量の増加に気付きました。

インポートを整理するためにtypescript hero拡張を使用することもお勧めします。

VSCode v.1.24およびTypeScript v.2.9以降：

Macの場合：option+ Shift+O

Winの場合：Alt+ Shift+O

このスレッドにはすでに多くの良い答えがあります！これを投稿して、これを自動的に実行しようとしている人を支援します！プロジェクト全体の未使用のインポートを自動的に削除するために、この記事は本当に役に立ちました。

記事では、著者は次のように説明しています。

次の内容を含むスタンドアロンのtslintファイルを作成します。

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

次に、次のコマンドを実行してインポートを修正します。

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

スローするその他のエラーを修正することを検討してください。（やった）

次に、プロジェクトをビルドして確認します。

ng build

または

ng build name_of_project --configuration=production 

終了：正しくビルドされていれば、インポートは自動的に削除されています。

注：これにより、不要なインポートのみが削除されます。前述のコマンドのいずれかを使用するときにVSコードが行う他の機能は提供しません。

あなたのところへ行きtslint.json、プロパティの値no-unused-variableをfalse