Я немного озадачен тем, как emmet + bem работает в VSCode, и не могу найти никакой полезной информации, почему это так и как заставить его вести себя так, как следует. Тот же профиль в Sublime Text 3 работает должным образом.
Вот моя конфигурация emmet:
"emmet.syntaxProfiles": {
"html" : {
"filters" : "html, bem"
}
},
"emmet.preferences": {
"bem.elementSeparator": "__",
"bem.modifierSeparator": "--",
"bem.shortElementPrefix": "-",
"lorem.defaultLang": "en"
},
"emmet.triggerExpansionOnTab": true,
Разделитель элементов .block>.__el
Что я ожидаю
<div class="block">
<div class="block__el"></div>
</div>
Что я получу
<div class="block">
<div class="block block--el"></div>
</div>
Модификатор .block>.__el--mod
Что я ожидаю
<div class="block">
<div class="block__el block--mod"></div>
</div>
Что я получаю
<div class="block">
<div class="block block--el--mod"></div>
</div>
Имя ребенка : .block>.-el
Что я ожидаю
<div class="block">
<div class="block-el"></div>
</div>
Что я получаю
<div class="block">
<div class="block__el"></div>
</div>