Как в EMMET + JADE реализовать такой подход?

Добрый день!
Подскажите есть ли такая возомжность реализации в EMMET + JADE (те кто используют БЕМ меня поймут)

Стандартный вариант:
block > block__header > block__content > block__footer

хотелось бы:
block > #__header > #__content > #__footer

Но разворачивалось бы все по стандартной схеме JADE
block
  block__header
    block__content
      block__footer


Редактор Sublime Text 3
  • Вопрос задан
  • 1385 просмотров
Решения вопроса 1
@bagahunda
В emmet есть встроенные фильтры, которые указываются в конце строки после |.
Это странно, но многие про них не знают.
В вашем случае нужно использовать сразу два фильтра: bem и jade.
article.post>.__header+.__content+.__footer|bem|jade

Это развернется в привычный JADE
article.post
              .post__header
              .post__content
              .post__footer

Настроить вывод фильтров можно здесь:
Preferences -> Package settings -> Emmet -> Settings - User

Вот пример настройки:
{
  "syntaxProfiles": {
    "html" : {
      "filters" : "html, bem"
    }
  },
  "preferences": {
    "bem.elementSeparator":"__",
    "bem.modifierSeparator":"--",
    "bem.shortElementPrefix":"-"
  }
}

Еще есть отличная штука Bemto
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@fantazerno Автор вопроса
Конфиг для настройки sublime
{
	"preferences": {
	        "bem.elementSeparator": "__",
	        "bem.modifierSeparator": "_",
	        "bem.shortElementPrefix": "-"
	},
	"snippets": {
	        "jade" : {
	            "filters" : "bem,jade",
		}
	}
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы