[解決済み】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
関連
-
[解決済み】 node_modules/rxjs/internal/types.d.ts(81,44): エラー TS1005: ';' Angular 6のインストール後に予想されたエラー
-
[解決済み] ag-gridで「表示する行がありません」テキストをプログラムで変更するにはどうすればよいですか?
-
[解決済み] ウェブストーム Must be lvalue」の意味するところ
-
[解決済み] Angular2: [(ngModel)] with [ngModelOptions]="{standalone: true}"を使って、モデルのプロパティへの参照にリンクさせる。
-
[解決済み] Angular 2 : NgModule のメタデータが見つかりません。
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み] NgModuleにおける宣言、プロバイダ、インポートの違いは何ですか?
-
[解決済み】Angular 2 チェックボックスの双方向データバインディング
-
[解決済み】Angular - サービスとコンポーネントでパイプを使用する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】serveコマンドを使用するには、angular-cliプロジェクト内にいる必要があります。
-
[解決済み】Angularのエラーです。NgModuleアノテーションを追加してください。
-
[解決済み] エラーです。複数のモジュールがマッチしました。skip-import オプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップしてください。
-
[解決済み] ng serve または firebase serve を終了させる方法
-
[解決済み] Typescript - コードが TS1128: Declaration or Statement expected というエラーでビルドに失敗するが、コードを提供すると期待通りに実行される。
-
[解決済み] ag-gridで「表示する行がありません」テキストをプログラムで変更するにはどうすればよいですか?
-
[解決済み] "エラーです。オーバーレイのプロバイダがありません!"
-
[解決済み] なぜ mat-tables matRowDef は 2 つの変数を含むのですか?
-
[解決済み] ブレークポイントの解除 - VS Code | Chrome | Angular
-
[解決済み] Angular 2の「コンポーネント」は既知の要素ではありません。