Как настроить фильтры в emmet-atom?

585
29 марта 2017, 14:55

Код который работает в sublime text 3 

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

Как реализовать такое в atom? Пробовал так, но ничего не происходило. 

'*':
  'emmet':
    'syntaxProfiles':
      'html':
        'filters': 'html, bem'
Answer 1
  1. Открываем настройки Emmet: File → Settings → Packages → Emmet.
  2. Вставляем в поле Extensions Path полный путь к папке, в которой будет храниться файл preferences.json.

  3. Создаём в указанной папке файл preferences.json следующего содержания:

    {
  "bem.elementSeparator": "-",
  "bem.modifierSeparator": "--",
  "bem.shortElementPrefix": "---",
}

    где вместо дефисов будет то, что вам нужно.

  4. Пишем код так .block>.-el+.-el--mod|bem и получаем:

    <div class="block">
  <div class="block-el"></div>
  <div class="block-el--mod"></div>
</div>

По умолчанию фильтры определять не нужно и они равняются следующим значениям: __ элемент, -- модификатор, - префикс, соответственно, запись вида .block>.__el+.__el--mod|bem развернется так: 

<div class="block">
  <div class="block__el"></div>
  <div class="block__el--mod"></div>
</div>
READ ALSO
слайдер бутстрап
HTML

слайдер бутстрап

Добрый деньПодскажите пожалуйста, какие компоненты выбрать в customize на getbootstrap

 337
текст выходит за границы колонки
HTML

текст выходит за границы колонки

 476
Как изменить цвет вкладки в Яндекс.Браузере?
HTML

Как изменить цвет вкладки в Яндекс.Браузере?

Как изменить цвет вкладки в ЯндексБраузере с того, который формируется по иконке сайта на произвольный?

 1079
5 блоков в ряд с плавающей шириной
HTML

5 блоков в ряд с плавающей шириной

У меня есть div с width:100% и высотой 200px

 327