Как настроить Emmet для БЭМ в Visual Studio Code?

Question

[Максим Калинин]

Есть статья, где показывают как можно верстать по БЭМ с помощью Emmet.
Чтоб это сделать нужно прописать в настройках:

{
  "syntaxProfiles": {
    "html" : {
      "filters" : "html, bem"
    }
  },
  "preferences": {
    "bem.elementSeparator":"__",
    "bem.modifierSeparator":"--",
    "bem.shortElementPrefix":"-"
  }

Я прописал в своём VS Code, но ничего не работает. Что не так?

Answer 1

[motr]

проверил только что у себя, всё сработало.

Comments

[Максим Калинин]

Да, добавление элементов через li.-element работает в Emmet по умолчанию.
А модификаторы через двойное тире нет, хотя указаны в настройках.
Попробуй модификаторы также написать. Работает?

[motr]

Максим Калинин, работает, только синтаксис непривычный.
получается всё наоборот, для элемента ставим "-", а для модификатора "_"

[Максим Калинин]

motr, и правда работает. Не понятно почему не с тем синтаксисом который указан в настройках.
Ещё lorem должен работать на русском "lorem.defaultLang": "ru".
ps: как ты записываешь гифки?

[motr]

Максим Калинин, lorem на русском у меня не работает, проверил. да и всегда можно просто написать loremru . gif пишет программка старенькая, но аналогов я не встречал https://www.cockos.com/licecap/

[Максим Калинин]

Не знал про loremru. Большое спасибо за помощь!