【備忘録】VSCodeでerbファイルをコードフォーマットの際、ドキュメント フォーマッター存在なしエラーの対応

今更ながらVSCode使ってRailsのView(.erb)を整形する方法。

デフォルト状態では

インストールされた 'erb'ファイル用のドキュメント フォーマッターが存在しません。

とエラーが出るのでその対応

(コードフォーマットのショートカットキー
デフォルトでは
windows:　Shift + Alt + F
mac:　Shift + Option + F)

Beautify導入

VS CodeにBeautifyをインストールする

設定

インストール後、VS Codeの
「Code」→「基本設定」→「設定」を辿り、User Settingsを開く

User Setting内、"beautify.language"の"html"に対して"erb"を追加

ユーザ設定にerb追加

"beautify.language": {
・・・
        "html": [
            "htm",
            "html",
            "erb"
        ]
    }

あとはerb開いてコードフォーマット

参考

VS Codeにおける.erbの自動整形