前提・実現したいこと
VSCodeでRailsの開発をしようと思っているのですが、erbファイルで補完機能がうまく働かず困っています。
例えばdivタグを入れた場合に、
div→tabキーで<div></div>の補完は働きます。
# 現状 <div>(ここでenter)</div> ↓ <div> </div> ↑カーソルここ(閉じタグの前) # 理想 <div>(ここでenter)</div> ↓ <div> ←カーソルここ(インデントされてる) </div>
試したこと
現在インストールしている拡張機能は以下です(関係ありそうなものを抜粋)。
- endwise
- HTML snippets
- html tag wrapper
- HTMLHint
- Prettier
- Rails
- Ruby
- Ruby Language Colorization
- Ruby Solargraph
- VSCode Ruby
- Ruby on Rails
試行1
settings.jsonに以下を記述すればいいみたいな記事を見て試してみましたが、解決しませんでした。
"files.associations": { "*.erb": "erb" }, "emmet.includeLanguages": { "erb": "html" },
試行2
settings.jsonで以下のようにするといいみたいなのもあったのでやってみたところ、自動でインデントは入るようになったのですが逆にerbファイルとしての文法チェックや自動補完がなされなくなりました(<%%>などがエラー表示になる)
"files.associations": { "*.erb": "html" },
補足情報
- macOS Catalina 10.15.7
- VSCode 1.51.1
あなたの回答
tips
プレビュー