VSCodeの保管アクションでPrettierを実行する

はじめに

Prettier を入れても手動で実行するのは面倒ですね。
そこで、VSCode の保管アクションによる自動フォーマットを有効にします。

手順

拡張機能のインストール

上記の拡張機能をインストールします。

設定の追加

VSCodeの Settings を開き、以下を設定します。
(タブは Workspace(開いているプロジェクトでのみ有効な設定)としておきます)

Default Fromatter

1. default formatter を検索
2. Editor: Default Fromatter のプルダウンで Prettier - Code formatter を選択
   
3. format on save で検索します。
4. Editor: Format On Save にチェック
   

確認

設定はこれだけです。
実際に保管時に整形されるかどうかを確認してみましょう。

問題なさそうです。
.prettierrc.yaml の設定もちゃんと反映されていました。