VScodeでの、Ruby on Railsの自動フォーマットすると、<% end %>の前に半角スペースが入ってしまう。

Question

前提

VScodeでRuby on Railsのコーディングしています。
自動フォーマットをすると、<% end %>タグの前に半角スペースが空いてしまいます。

実現したいこと

半角スペースが入らないようにするにはどうしたら良いか教えてもらえないでしょうか。

発生している問題・エラーメッセージ

<%= link_to("") do %>
  テキストリンク
 <% end %>

試したこと

拡張は,

• Prettier - Code formatter
• Ruby and Rails Snippets v0.2.2
  など、Ruby on Railsに関係ありそうなものを入れています。
  どれも<% end %>タグを判定してくれないようです。

VScode側の、settings.jsは以下のような設定を入れています。（100％は理解していません。）

  "files.associations": {
    "*.txt": "markdown",
    "*.html.erb": "html",
    "*.tpl": "html",
    "*.html": "html",
    "*.erb": "html"
  },

  "[erb]": {
    "editor.formatOnPaste": false,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },


  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features",
    "editor.formatOnSave": true
  },

Comments

[shinbashi52]

過去に投稿した質問ってどれでしょうか～
伝授願います。

Answer 1

トラブルシュートも可能ですが、
erbファイルはerbファイルの設定を適用したほうが良いかなと思います。

"files.associations": {
  "*.html.erb": "erb"
},
"[erb]": {
  "editor.defaultFormatter": "vscode.html-language-features"
},
"html.format.indentInnerHtml": true,
"html.format.extraLiners": "",