Emmet atom: Есть ли emmet для jsx на Atom? — Хабр Q&A

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

Вопрос задан

Изменён 5 лет 7 месяцев назад

Просмотрен 319 раз

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

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

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

'*':
  'emmet':
    'syntaxProfiles':
      'html':
        'filters': 'html, bem'
  • html
  • css
  • json
  • atom

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>
      <div></div>
      <div></div>
    </div>
    

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

<div>
  <div></div>
  <div></div>
</div>

6

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Активировать emmet в Atom.

io –

спросил

Изменено 2 года, 3 месяца назад

Просмотрено 12 тысяч раз

Я использую новую установку редактора атомов и только что установил emmet.

Но когда я набираю, например:

 дел.abcde
 

и нажмите TAB, ничего не происходит.

Я что-то забыл активировать?

  • эммет
  • атом-редактор

1

В атоме 1.3.1 (может работать для более старых версий, я уверен)

1. Просто нажмите

 ctrl+shift+L 

или в Меню: Правка ->

Выбрать грамматику.

2. Убедитесь, что вы выбрали правильную грамматику, например: HTML в вашем случае. Я только что узнал, что это была моя проблема, теперь все работает отлично.

5

Я думаю, что вам нужно перезапустить редактор атома для работы с Emmet или любым другим пакетом. это поможет вам.

0

В Windows у меня работает с помощью ctrl+e;

Я набрал div.alert.alert-success , наконец, я нажимаю ctrl+e, после чего мне выдается

 

0

У меня была похожая проблема — это было из-за того, что HTML (Angular) был установлен в качестве средства проверки языка по умолчанию для файлов html. Изменил его на просто «HTML», и он работает как шарм!

  1. Открытый атом

  2. Option File -> Keymap —-> и вставьте в конце.

     'atom-text-editor: not ([mini])': 'tab': 'emmet: развернуть аббревиатуру с вкладкой'
     
  3. Сохранить и ок.

  4. Перезапустите Atom и готово, Tab возвращается к работе с Emmet

1

Нажмите

 ctrl + alt + enter 

перейдите в режим Expand Abbreviation (интерактивный) и Подтвердите свою команду.

  1. Например, div.col-md-12 Затем просто введите TAB (клавиша по умолчанию)

  2. Если не работает откройте File->Keymap-> то вставьте этот

‘атом-текстовый редактор: не ([мини])’: ‘вкладка’: ’emmet:расширить-аббревиатуру-с-вкладкой’

и сохраните его.

Новая версия emmet может иметь более легкий доступ к стандартному коду.

Таким образом, при вводе html без сокращения просто нажмите Enter вместо вкладки , а затем html. Это сработало для меня.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

html — Emmet на атоме не работает должным образом

спросил

Изменено 1 месяц назад

Просмотрено 12 тысяч раз

Привет, я использую Emmet в редакторе кода Atom , и он отлично работает только с простыми тегами, такими как meta .

Тем не менее, когда я пробую что-то сложное, например, ul>li*5 или meta[property=""]

, а затем нажимаю Tab, ничего не происходит.

Кто-нибудь знает, как это исправить?

  • html
  • атом-редактор
  • emmet

3

Это случилось и со мной, проблема в том, что одна и та же горячая клавиша (вкладка) настроена на несколько действий, поэтому я решил отредактировать действие расширения следующим образом.

перейдите в Настройки > Пакеты > Поиск Emmet… на сочетаниях клавиш откройте последнюю вкладку и нажмите на значок копирования

[]<- (что-то вроде этого)

, затем перейдите в Edit > Keymap… и скопируйте туда следующий

 'atom-text-editor: не([мини])':
  'ctrl-alt-shift-c': 'emmet:expand-abbreviation'
 

Поскольку раскладка клавиатуры… переопределяет все остальные привязки клавиш, эта будет работать над всеми другими определениями.

Примечание: если вы используете ‘tab’ в качестве привязки клавиш, она будет использоваться только для расширения-emmet, поэтому вы не сможете на самом деле использовать tab__(2spaces) в HTML, PHP, других… файлах

НАДЕЕМСЯ НА ПОМОЩЬ

1

вы найдете после установки emmet, завершение табуляции не работает, как описано в документации, перейдите в Atom> Keymap или File> Keymap добавьте следующий код, затем перезапустите Atom (это исправление сработало для меня):

 'atom- текстовый редактор: не ([мини])':
'вкладка': 'emmet:расширить-аббревиатуру-с-вкладкой'
 

Ответ от

https://github.com/emmetio/emmet-atom/issues/503

Мне помогло.

Перейдите в Atom > Keymap или File > Keymap, добавьте следующий код, затем перезапустите Atom.

 'атом-текстовый редактор: не ([мини])':
  'вкладка': 'emmet:расширить-аббревиатуру-с-вкладкой'
 

Просто хочу отметить, что, как и в https://stackoverflow. com/a/65645633/7773582, мне пришлось перезапустить Atom, установленный в Ubuntu Linux Groovy Gorilla, чтобы получить мой собственный keymap.cson для новой привязки клавиш с

 ' атом-текст-редактор[data-grammar="текст html базовый"]:не([мини]),
атом-текст-редактор [грамматика данных ~ = "erb"]: не ([мини]),
текстовый редактор атома [грамматика данных ~ = "нефрит"]: не ([мини]),
текстовый редактор атома [грамматика данных ~ = "css"]: не ([мини]),
текстовый редактор атома [грамматика данных ~ = "стилус"]: не ([мини]),
атом-текст-редактор [грамматика данных ~ = "sass"]: не ([мини]),
текстовый редактор атома [грамматика данных ~ = "scss"]: не ([мини])':
  'shift-enter': 'emmet:расширить-аббревиатуру-с-вкладкой'
 

, чтобы Emmet-Plugin развернул свой синтаксис для правильной работы.

Любые установленные вами надстройки, скорее всего, не будут работать, если вы не перезапустите приложение.

Если все упомянутые здесь решения не оказывают никакого влияния на ваше приложение Atom, это просто потому, что ваше приложение Atom ВСЕ ЕЩЕ работает в фоновом режиме, даже если вы его закрыли.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *