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

Question

[fantazerno]

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

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

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

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

block
  block__header
    block__content
      block__footer

Редактор Sublime Text 3

Answer 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

Comments

[fantazerno]

Спасибо, немного не догадался

Answer 2

[fantazerno]

Конфиг для настройки sublime

{
	"preferences": {
	        "bem.elementSeparator": "__",
	        "bem.modifierSeparator": "_",
	        "bem.shortElementPrefix": "-"
	},
	"snippets": {
	        "jade" : {
	            "filters" : "bem,jade",
		}
	}
}