LoginSignup
2
1

VSCode に TypeScript のインポート部分をフォーマットする機能があった

Last updated at Posted at 2023-12-05

概要

VSCode に TypeScript の未使用のインポートを削除する機能があることを知りました。
また、インポートの並び替え(昇順)機能もありました。

以下、該当コマンドです。
削除: TypeScript: Remove Unused Imports
並び替え: TypeScript: Sort Imports
削除&並び替え: Organize Imports

なお、入力先(コマンドパレット)は以下のショートカットで開けます。
Mac: Cmd + Shift + P
Win: Ctrl + Shift + P

VSCode: 1.84.2

見つけたきっかけ

未使用のインポートを削除するライブラリの、最近の状況が気になったのでググっていました。
(これまでは、 eslint-plugin-unused-imports を使用していた)

すると、以下の記事に VSCode でインポート部分をフォーマットできるという記述があるではないですか。

TypeScript or JavaScript ファイルを開いた状態で Organize Imports を実行すると、先述のルールで自動フォーマットされます。

早速試してみた

コマンドパレットを開き>importを入力すると...。

スクリーンショット 2023-12-05 20.49.07.png

VSCode 最強!(最近すごく重いのでなんとかなると嬉しい)

インポートのフォーマット用ライブラリが使えないときに便利かも?

最後までお読みいただきありがとうございました。

2
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1