erbファイルにemmetを適用させたい
解決したいこと
VSコードにて、emmetを使用したいのですが、 .erb ファイルはエメットが有効に作動しません。具体的には
hogehuga.erb
h1
と記述したら
hogehuga.erb
<h1></h1>
と予測変換してくれるようにHTMLでも有効なショートカットをerbでも使用したいのですが、うまく起動しません。
現在の状況
HTML、CSSはエメットが作動する
erbファイルはエメットが作動しない
該当するソースコード
settings.json
{
"editor.tabSize": 2,
"editor.renderWhitespace": "all",
"files.autoSave": "onFocusChange",
"workbench.startupEditor": "newUntitledFile",
"[json]": {
"editor.quickSuggestions": {
"strings": true
},
"editor.suggest.insertMode": "replace"
},
"workbench.settings.openDefaultSettings": true,
"emmet.excludeLanguages": [
"markdown"
"erb": "html",
"vue": "html",
"vue": "css",
]
}
自分で試したこと
1.
https://qiita.com/Mr_ozin/items/d7fb30ed56347f6d222e
当該、リンクを参照にsetting.jsonのコードを書き換えました。
当初から "vue": "html", および "vue": "css", は記述されておりましたので、 "erb": "html", を "markdown" の直下に記述しました。
→emmetは作動しませんでした。
2.
https://qiita.com/Yohei_Shiina/items/b6cbd05296c4e016705f
当該リンクを参考に拡張機能からerbを検索しインストールしました。
→emmetは作動しませんでした。
他に問題等考えられるでしょうか。
お分かりの方いらっしゃいましたら、ご教示いただきたくお願い申し上げます。
0
