1. ホーム
  2. アンギュラー

[解決済み】Angular 2+から未使用のインポートと宣言を削除する方法はありますか?[クローズド]。

2022-04-03 02:36:59

質問

最近、すでに会社を辞めた他の開発者から、めちゃくちゃなコードを預かることになったんだ。

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が進化して、この機能をコマンド "インポートの整理"として内蔵しており、以下のようなものが用意されています。 デフォルトのキーボードショートカット :

オプション + シフト + O Mac用

アルト + シフト + O Windows用


オリジナルの回答です。

このビジュアルスタジオコードエクステンションがあなたの必要を満たすことを望みます。 https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

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

  • プロジェクトやライブラリのインポートを現在のファイルに追加します。
  • カーソル下の現在の名前にインポートを追加する
  • 1つのコマンドでファイルの欠落しているインポートをすべて追加する
  • シンボルを示唆し、必要なインポートを自動的に追加するインテリセンス 自分が書いたコードを修正する電球機能
  • インポートの分類と整理(ソートと 未使用の )
  • 開いているTS / TSXドキュメントのコードアウトラインビュー
  • JavaScriptのためのすべてのクールなもの。(実験段階ですが、より良い説明は後ほど)

Macの場合 制御 + オプション + o

Winの場合。 Ctrl + Alt + o