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"
}
}
以上です。