Rubymineのファイル保存時にPrettierでフォーマットさせる方法

Rubymineの保存時にPrettierによるフォーマットを適用する方法を説明します。

開発環境にPrettierをインストールする

以下のコマンドで開発環境にprettierをインストールします。インストール先はどこでも良いのですが、私はプロジェクト配下にしました。

yarn add -D prettier

インストールが完了したら.prettierrcというprettier用の設定ファイルをプロジェクトのルートに配置しておきます。

{
  "singleQuote": true
}

RubymineではデフォルトでPrettierのプラグインがインストールされていますので、ここではセットアップのみ説明します。

Preferences → Languages & Frameworks → Javascript → Prettier を開きます。

Prettier packageに先程インストールしたPrettierを選択します。プロジェクト配下にインストールしたのであれば、自動で検出されます。

On Reformat Code actionとOn saveにチェックを付ければセットアップは完了です。

これでファイル保存時および、Reformat時にPrettierによりフォーマットされるようになります。