🛠️

vscode 保存時にimportを消したりeslint fixを実行できるcodeActionsOnSaveについてざっくりまとめ

2024/04/27に公開

TypeScript

VS Code

ESLint

tech

↓の設定をすることで、ファイル保存時に色々やってくれる

{
  "editor.codeActionsOnSave": {
    // 未使用importの削除 / importの並び替え
    "source.organizeImports": "explicit",
    // eslintやstylelintなどのfixを実行
    "source.fixAll": "explicit",
    // eslint限定でfixを実行
    "source.fixAll.eslint": "explicit",
    // importエラーを解決
    "source.addMissingImports": "explicit"
  }
}

prettierやbiomeなどのformatterがある場合、formatterの実行前にcodeActionsOnSaveが実行される

optionの値は3つあるが、特にこだわりがなければ"explicit"でok

値	説明
`"explicit"`	auto save時以外を実行
`"always"`	auto save時も実行する
`"never"`	何もしない

vscode 保存時にimportを消したりeslint fixを実行できるcodeActionsOnSaveについてざっくりまとめ

参考

Discussion