Wrap with Abbreviationとは
Emmetで使用可能なテキスト選択してマークアップする機能。
例えばSublime TextのEmmetだと以下のようなテキストを複数行選択してul>li*で展開すればulタグとliタグを付けてHTMLのリストにできる。
foo bar baz
ul>li*
<ul> <li>foo</li> <li>bar</li> <li>baz</li> </ul>
VS CodeのEmmetでは使えない?
同様にVS CodeのEmmetでWrap with Abbreviationで展開しようとすると以下のようになってしまい、うまくいかない。
<ul> <li> foo bar baz </li> </ul>
なぜこのようになってしまうのか。
原因はVS Codeの場合は「Wrap with Abbreviation」とは別に「Wrap Individual Lines with Abbreviation」というのが存在して、複数行の場合はこちらを使用しないと展開することができないようになっているからだ。
ほかのエディタから乗り換えてEmmetを使用する場合はよく間違えやすいので注意が必要だ。