☰

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

tag-icon • tag-icon angular visual-studio-code
Angular 2+ から未使用のインポートと宣言を削除する方法はありますか? [closed] 質問する

インポートと参照を迅速かつ効果的に整理するのに役立つ Visual Studio Code のプラグインまたはその他の手段はありますか?

例えば、このようなインポートは数百あるかもしれません

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

同様に変換できる

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

または、app.module またはプロジェクト全体のすべてのコンポーネントから未使用のインポートと宣言を自動的に削除するなどの他の機能はありますか?

フィードバックをいただければ幸いです。

ベストアンサー1

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

option+ Shift+ OMac用

Alt + Shift WindowsO用

元の回答:

この Visual Studio Code 拡張機能があなたのニーズを満たすことを願っています:https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

以下の機能を提供します:

  • プロジェクトまたはライブラリのインポートを現在のファイルに追加する
  • カーソル下の現在の名前のインポートを追加します
  • 1 つのコマンドでファイルの不足しているインポートをすべて追加します。
  • シンボルを提案し、必要なインポートを自動的に追加するインテリセンス、書いたコードを修正する「電球機能」
  • インポートを並べ替えて整理する（未使用のものを並べ替えて削除する）
  • 開いている TS / TSX ドキュメントのコード アウトライン ビュー
  • JavaScript 用のクールな機能もすべて揃っています! (ただし、まだ実験段階なので、詳細は下記を参照してください。)

Macの場合: control+ option+o

勝つために: Ctrl+ Alt+o

おすすめ記事