行動すれば次の現実

テック中心の個人ブログ

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

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

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

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

yarn add -D prettier

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

{
  "singleQuote": true
}

Rubymine側の設定

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

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

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

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

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