🫥
VSCode の TypeScript のインポート部分をフォーマットする機能
概要
VSCode には、TypeScript での以下のフォーマット機能があります。
- 未使用のインポートの削除
- インポートの並び替え（昇順）
以下、該当コマンドです。
削除: TypeScript: Remove Unused Imports
並び替え: TypeScript: Sort Imports
削除&並び替え： Organize Imports
なお、入力先（コマンドパレット）は以下のショートカットで開けます。
Mac: Cmd + Shift + P
Win: Ctrl + Shift + P
VSCode: 1.84.2
コマンドを使用してみる
コマンドパレットを開き>importを入力すると候補に出てくると思います。
保存時に自動で動かしたいツワモノは settings.json に記述いただいて。
settings.json
{
"editor.codeActionsOnSave": {
"source.organizeImports": "explicit"
}
}
該当の VSCode の機能を利用したライブラリもあります。
あとがき
たまには VSCode の設定周りの公式ドキュメントを読んでみるのも良いかもしれません。
最後までお読みいただきありがとうございました！
Discussion