VSCode の ERB フォーマッタ設定

VSCode 拡張機能インストール

VSCode の拡張機能 ERB Formatter/Beautify を使います。

Gem インストール

gem で htmlbeautifier をインストールします。

gem install htmlbeautifier

VSCode settings.json 設定

プロジェクトの .vscode/settings.json に以下の設定を追加します。

{
    "[erb]": {
        "editor.defaultFormatter": "aliariff.vscode-erb-beautify",
        "editor.formatOnSave": true
    },
    "files.associations": {
        "*.html.erb": "erb"
    },
    "emmet.includeLanguages": {
        "erb": "html"
    }
}

以上です。