Не работает emmet sublime text 3
Я ранее использовал пакет JSX Аллана Хортла пока я не столкнулся с проблемой с тем, как он обрабатывал подсветку синтаксиса. Я тогда заметил, что есть официальный пакет,sublime-react.
С пакетом Аллана Хортла он включил фрагмент в Preferences > Key Bindings – User для включения функции Emmet, которая выглядит следующим образом:
этот фрагмент не работает с официальным пакетом sublime-react. Кажется, это что-то чтобы изменить с помощью ключевых Привязок, но начальное прочтение возвышенной документации не дало никакого света на эту тему. Помочь?
если ты типа shift+super+p в файле, это позволит вам увидеть контекст текущего выбора в левом нижнем углу.
первое слово всегда является базовым типом файла. ( source.js , text.html ) по делу JSX я решил изменить это source.js.jsx . Это связано с тем, что до компиляции JSX действительно не является javascript, хотя он выглядит довольно похожим. Есть много завершений и возвышенного сахара, которые вы хотели бы иметь в JSX, но не JS. sublime-react С другой стороны использует старый добрый source.js .
так что этот фрагмент у вас есть право вам просто нужно заменить source.js.jsx С source.js
В Апреле 2015 Года Эммет добавил поддержку jsx, но он не работает по умолчанию. Ну, для моего удивления это было на самом деле работает с control + E ярлык, но я хотел использовать TAB ключ к расширению. Следуя за должностные инструкции сделал трюк для меня.
в принципе, мне пришлось вставить следующее в мой файл привязки ключей пользователя ( Preferences > Key Bindings — User ):
это код без всех комментариев, а с помощью правильно SCOPE_SELECTOR на месте.
С JSX-SublimeText Package readme:
по умолчанию Emmet не поддерживает файлы JS. Таким образом, вам нужно будет добавить сочетание клавиш для tab complete в файлах JSX.
открыть Preferences > Key Bindings - user и добавить эту запись:
просто расширяя этот ответ.
Возможно, вы не хотите, чтобы все письма, которые вы пишете, были расширяемыми в html. Вы можете установить еще один дополнительный объект в своем контексте, чтобы ограничить, когда применяется завершение вкладки. Этот код был найден в в этом суть однако я изменил регулярное выражение, чтобы быть немного лучше.вам также нужно будет установить пакеты RegReplace и Chain of Command, как рекомендовано в gist, чтобы даже получить span.class превращаются в <span className="class"></span>
Если вы хотите добавить больше элементов для прослушивания, просто добавьте их в список, т. е. (a\b|div|span|p\b|button|strong)
Элемент \b ссылается на границу слова и останавливает следующее от расширения abc на <abc></abc>
просто использовать ctrl+e ( cmd+e на mac) вместо вкладки, чтобы заставить Эммет работать внутри вашего jsx. например, если я расширяю (используя ctrl+e )
затем я получаю
Структура html не появляется после нажатия ! + tab. Также не работает ul>li*5. Переустановка не помогает.
Ответы (13 шт):
Помогло переназначение хоткеев tab в emmet > KeyBindings > User.
У меня не работал Emmet, много что перепробовал, ничего не помогало. Вот что я сделал чтобы проблема ушла! Сначала создаем новый документ Сtrl+N, затем Ctrl+S сохраняем указывая имя файла Index.html (важность играет именно приписка .html, а не само название), после чего сохраняем. Вуаля.
Preferences -> Settings. Проверьте что в ignored_packages нет Emmet и других плагинов
В настройках надо отключить включить HTML-синтаксис и будет вам счастье
у меня тоже ни с того, ни с сего перестало работать развертывание. помог совет Прогера, ревключить синтаксис HTML На верхней панели инструментов ST ищем View, потом Syntax -> HTML, кликаем и проверяем. и переназначать ничего не надо было
Помогла переустановка emmet-а с последующим перезапуском Sublime Text
мне помогло удаление плагина colorPicker
Нужно поменять синтаксис: View --> Syntax --> HTML
У меня перестал работать плагин emmet. Нажатие кнопки TAB после знака ! = отступ, ul>li*5 = отступ. При этом в CSS все работает норм.
Проблему решил так: Package Settings > Emmet > Key bindings - user
строки 125, 126 - заменил "tab" на "alt+x"
Если ничего из вышеуказанного не помогает, просто снимите галочку с view > word wrap
Помог этот способ:
Сначала создаем новый документ Сtrl+N , затем Ctrl+S сохраняем указывая имя файла Index.html (важность играет именно приписка .html , а не само название), после чего сохраняем.
Зайди в Preferences > Packagec Sittings Там удали Emmet и установи обратно. мне помогло
Внимение! Если у вас вдруг перестал работать Ememt в SublimeText, именно в HTML файле. То проблема заключается в том, что скорее всего где-то в коде у вас Emoji символы или другие Unicode символы. Как только вы их удалите, emmet сразу заработает. И не нужно ничего переключать и т.д.
Я ранее использовал пакет JSX Аллана Хортла пока я не столкнулся с проблемой с тем, как он обрабатывал подсветку синтаксиса. Я тогда заметил, что есть официальный пакет,sublime-react.
С пакетом Аллана Хортла он включил фрагмент в Preferences > Key Bindings – User для включения функции Emmet, которая выглядит следующим образом:
этот фрагмент не работает с официальным пакетом sublime-react. Кажется, это что-то чтобы изменить с помощью ключевых Привязок, но начальное прочтение возвышенной документации не дало никакого света на эту тему. Помочь?
если ты типа shift+super+p в файле, это позволит вам увидеть контекст текущего выбора в левом нижнем углу.
первое слово всегда является базовым типом файла. ( source.js , text.html ) по делу JSX я решил изменить это source.js.jsx . Это связано с тем, что до компиляции JSX действительно не является javascript, хотя он выглядит довольно похожим. Есть много завершений и возвышенного сахара, которые вы хотели бы иметь в JSX, но не JS. sublime-react С другой стороны использует старый добрый source.js .
так что этот фрагмент у вас есть право вам просто нужно заменить source.js.jsx С source.js
В Апреле 2015 Года Эммет добавил поддержку jsx, но он не работает по умолчанию. Ну, для моего удивления это было на самом деле работает с control + E ярлык, но я хотел использовать TAB ключ к расширению. Следуя за должностные инструкции сделал трюк для меня.
в принципе, мне пришлось вставить следующее в мой файл привязки ключей пользователя ( Preferences > Key Bindings — User ):
это код без всех комментариев, а с помощью правильно SCOPE_SELECTOR на месте.
С JSX-SublimeText Package readme:
по умолчанию Emmet не поддерживает файлы JS. Таким образом, вам нужно будет добавить сочетание клавиш для tab complete в файлах JSX.
открыть Preferences > Key Bindings - user и добавить эту запись:
просто расширяя этот ответ.
Возможно, вы не хотите, чтобы все письма, которые вы пишете, были расширяемыми в html. Вы можете установить еще один дополнительный объект в своем контексте, чтобы ограничить, когда применяется завершение вкладки. Этот код был найден в в этом суть однако я изменил регулярное выражение, чтобы быть немного лучше.вам также нужно будет установить пакеты RegReplace и Chain of Command, как рекомендовано в gist, чтобы даже получить span.class превращаются в <span className="class"></span>
Если вы хотите добавить больше элементов для прослушивания, просто добавьте их в список, т. е. (a\b|div|span|p\b|button|strong)
Элемент \b ссылается на границу слова и останавливает следующее от расширения abc на <abc></abc>
просто использовать ctrl+e ( cmd+e на mac) вместо вкладки, чтобы заставить Эммет работать внутри вашего jsx. например, если я расширяю (используя ctrl+e )
затем я получаю
Для начала его нужно установить. В Sublime Text, о котором недавно была написана статья, это делается очень просто. Откройте command palette, нажав сочетание клавиш cmd+shift+p, или перейдите в пункт tools и выберите там command palette. Теперь введите "install package" и нажмите enter. Дальше введите "emmet" и снова нажмите enter. После того, как плагин загрузится и установится, перезапустите Sublime Text.
Установка завершена, и теперь мы можем начать пользоваться плагином emmet. Введите
А теперь нажмите клавишу tab. В результате этих несложных действий мы получим открывающий и закрывающий тег div, а курсор будет установлен внутри, между ними.
Точно так же можно делать с любыми тегами. Например, давайте создадим ссылку.
Теперь нажмите tab, и мы получим следующее
Как видите, emmet добавил атрибут href самостоятельно. Если же вы введете img, то там сразу будут атрибуты src и alt.
В результате получим
То же самое и с id
Заметьте, что я не писал слово div, а просто ставил точку или решетку и писал нужный мне класс или id. Дело в том, что мы можем пропускать название тега и тогда emmet сам будет додумывать, какой же тег поставить. В большинстве случаев это будет div, но, если вы, например, напишите так внутри тега ul, то тег будет li с нужным классом или id.
Если вы хотите сами ввести какой-то атрибут, то напишите его в квадратных скобках
Чтобы вкладывать теги внутри других тегов, нужно использовать знак больше
С помощью символа * можно указать, сколько таких тегов нам нужно
Вот, что у нас получится
Если вам нужно добавить тег на том же уровне, используйте знак +
С помощью символа $ мы можем указать, что каждый тег следует нумеровать автоматически
Если вам нужен ведущий ноль, то напишите знак $ 2 раза, если 2 ведущих нуля, то 3 знака $ и т.д.
Если вы хотите добавить внутри тега текст, то его нужно указать в фигурных скобках
Если во время верстки вам нужен какой-то текст, то просто напишите lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, mollitia quibusdam voluptatibus fuga dolorem officiis animi error ex ea ipsa excepturi incidunt quis sunt ducimus rerum corrupti obcaecati ipsum quisquam.
Если вам нужно какое-то определенное количество слов, то напишите цифру, обозначающую количество слов после.
Lorem ipsum dolor.
Чтобы создать html структуру, просто напишите знак !
Теперь поговорим о том, как emmet поможет нам в css
Там достаточно просто написать начальные буквы свойства и значение, а потом нажать tab. Например
В результате получим
В некоторых свойствах уже стоят значения по-умолчанию. Например, в свойстве text-align
Но вы можете изменить его, просто написав букву значения после сокращения свойства. К примеру, пусть будет по центру.
В конце стоит сказать, что если вам по каким-то причинам не нравится клавиша tab, то вы можете поменять ее. Для этого зайдите по следующему пути: Perferences->Package Settings->Emmet->Key Bindings - default. Используйте поиск(cmd+f или перейдите по пути Find->Find) С помощью поиска найдите команду "expand_abbreviation_by_tab". Выше нее, в массиве keys, в кавычках написано "tab". Измените это значение на свое, например, на "ctrl+e". Но это не совсем правильно. Лучше будет, если вы скопируете весь этот объект и вставите его в файл Key Bindings - User, а там уже меняйте сочетание клавиш. Сделано это для того, чтобы если что, вы могли вернуть все настройки по-умолчанию с помощью файла Key Bindings - Default.
Итак, на этом все. Сегодня мы рассмотрели плагин emmet для текстового редактора Sublime Text. Если вы используете другой редактор, то поищите этот плагин для него в интернете. Удачи!
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Она выглядит вот так:
Комментарии ( 13 ):
Что то не работает, когда ввожу install package, ничего не происходит.
Спасибо большое помогло.
Михаил, здравствуйте! У вас в строчке ошибка. У вас написано так: С помощью символа * можно указать, сколько таких тегов на нужно А надо так: С помощью символа * можно указать, сколько таких тегов нам нужно
Кстати, Михаил, сделайте на своём сайте редактор BB кодов. Просто без него не удобно писать комментарии, особенно если текст будет длинным. С уважением, Сергей.
У меня установилось без проблем, но не работает. в чем соль?
Опишите, в чем именно заключается проблема, и напишите, какая у Вас операционная система.
у меня windows 7. tab и другие кнопки если менять работают в обычном режиме.
Странно это, на самом деле. Вы уверены, что плагин точно установился? Если да, то создайте .html файл, введите "!"(без кавычек) и нажмите tab. Все должно работать из коробки. Возможно, Вам стоит попробовать переустановить плагин, если все равно ничего не работает.
все заново скачал и переустановил в 3-й раз, ЗАРАБОТАЛО! СПАСИБО БОЛЬШОЕ! полезная штука)))
Вы написали в 9 абзаце добаблять, исправьте)))
Да крутая штука, ускоряет процесс написание кода. +5
Читайте также: