たるだめ

のんびりとなんか書きます

VSCodeでTypeScriptファイルの未使用のインポートを削除する方法

手動でインポートを消すのがめんどくさい時に使える

未使用のインポートの削除

VSCode のコマンドパレットを開き、“unused”と検索する。

“TypeScript: Remove Unused Imports”というコマンドがあるかと思いますので、それを選択する。

2023 07 08 13 25 30

実行すると ts、tsx の未使用インポートが削除される。

ただ、アクティブなファイルにしか実行されない。

実例

これが

2023 07 08 13 40 07

こうなる。

2023 07 08 13 41 16

ショートカット

わざわざコマンドパレットパレット開くのも面倒くさいと思っていた所、ショートカットを発見した。

ただ、同じコマンドではないので、厳密には違う模様。

未使用のインポートを消した上で、インポートの並び替えまで行ってくれる。

WIndows

Ctrl + Shift + O

Mac

Option + Shift + O

実例

これが

2023 07 08 13 53 52

こうなる。

2023 07 08 13 54 11