かすみん日記

暇なときに何か喋ります

vscodeでerbのフォーマット

railsとかで使う erb ファイルのコードの自動整形(フォーマット)をvscodeで行う方法。

Prettierだと対応してないみたいなのでBeautifyという拡張機能を使う。

手順

vscode拡張機能Beautify」をインストール。

設定ファイル settings.json に下記コードを追加;

"[erb]": {
  "editor.defaultFormatter": "HookyQR.beautify"
},
"beautify.language": {
  "html": ["html", "erb"]
},
"editor.formatOnPaste": true,
"editor.formatOnSave": true,

これで、保存やペースト時に自動でフォーマットされる。