⌨️

VS Codeでソースコードを自動でフォーマットする

2023/10/08に公開

こんにちは。けいすけです。

なにをするか

VS CodeにESLintとPrettierを導入して、ソースコードが自動でフォーマットされるようにします。

ESLintはJavaScriptのソースコードの問題点を見つけたり修正してくれたりするツールです。例えば、かっこの閉じ忘れやconstで宣言した変数の変更、宣言されたけど使われていない変数があるなどの問題点を見つけてくれます。

Prettierはソースコードを自動でフォーマットしてくれるツールです。例えば、インデントの幅や1行の長さ、変数や演算子の前後のスペースなどを自動で修正してくれます。HTML、CSS、JavaScript、TypeScriptなどいろいろな言語に対応しています。

この設定をすることで、編集するファイルを切り替えたときや、VS Codeから他のアプリに切り替えたときに自動でファイルが保存されます。

以上です。