IntelliJでESLintの--fixを行う

コードの自動フォーマット

使用しているIDEの自動フォーマット機能でvueファイルを書くと、どうもうまく整形されない。 IDEの自動フォーマットの後にコード修正したり、適応するルールから外したりしていました。

IDEのフォーマットのルールの確認

Vueのコードスタイルが適応されてインデントをいい感じに整形してくれるはず。 helpを見て設定を確認してみるが、期待通りにならない。

コードスタイル: Vue
コードの整形

ESLintのAutoFix

IDE上でESLintを使用して自動で整形することができると書いてありました。この機能を使用すればインデントだけでなく以外も修正可能なところは修正してくれそうです。

ESLint

ESLintなどの必要なものはインストール済みだったので、設定画面で「Manual ESLint Configuration」にして、「Run eslint –fix on save」をチェックするだけでした。

Last Mod: Jun 6, 2022