Visual Studio Codeでerbファイルに対してEmmetを使う

今日も小ネタ。Visual Studio CodeではEmmetという記法が使えます。HTMLタグの入力を補助してくれる記法で、ちょっと独特の記法を使えばHTMLの入力が楽になります。

code.visualstudio.com

これをerbに対して対応する方法としては、設定にてemmet.includeLanguagesの部分に記述をすれば良いのですが、どのように記述したら良いかいまいちわからず。

code.visualstudio.com

ちょっとやってみたら「項目」にerb、値にhtmlを記入すればOKでした。

ちなみに、Emmetでは、html:5と打って展開すると以下のようなHTMLが作られます。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

このとき、htmlタグのlangjaに変えるには、emmet.variableslangjaを設定してあげればOKです。

code.visualstudio.com