WebStormでは⌥⌘Lでファイル全体にフォーマットをかけられるが、WebStormデフォルト設定だとPrettierのデフォルトルールに反したフォーマットがされてしまい、警告だらけになってしまう可能性がある。

ProjectにPrettierのフォーマットを設定する方法は以下。

1. ⌘, で設定を開く
2. 言語&フレームワーク -> JavaScript -> Prettierを選択
3. Prettierパッケージを選択。プロジェクトかグローバルにprettierをインストールしていればプルダウンに選択肢が出る
4. 「次のファイルに実行」にvueファイルを追加する

// 例
{**/*,*}.{js,ts,jsx,tsx,vue}

1. 「コードの整形時」にチェック
2. ⌥⌘L

ちなみに以下のコマンドを実行すると、プロジェクト内のlintエラーをあらかた解決してくれる。

yarn run lint –fix