[[Prettier - Code formatter]]のページを参考に以下の設定を行う。 全てのファイルを対象にする場合。 ```json { "editor.defaultFormatter": "esbenp.prettier-vscode", } ``` [[TypeScript]]ファイルだけを対象にする場合は以下のようにする。 ```json "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } ``` [[TypeScript]]の[[React]]ファイルだと ```json "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.tabSize": 2 }, ``` [[Markdown]]以外の全てを対象にしたい場合は以下のようにする。 ```json { "editor.defaultFormatter": "esbenp.prettier-vscode", "[markdown]": { "editor.defaultFormatter": null } } ``` [[ファイル保存時に自動でフォーマット (VSCode)|ファイル保存時に自動でフォーマット]]できるようにすると、より便利。 ## 参考 - [Visual Studio Code User and Workspace Settings](https://code.visualstudio.com/docs/getstarted/settings#_default-settings)