Приношу свои извинения, но я не знаю, как это называется, если об этом спрашивали или для какого сайта Stack это лучше всего подходит. Я видел несколько видео о том, как люди используют Sublime для создания более быстрых тегов, и я хотел бы узнать, как это сделать, если есть какая-либо документация или что я могу сделать быстрее в своем коде.
В нескольких видео я вижу людей, которые делают такие вещи, как:
div.class и он создаст <div class="class"></div> после tab .
Функция, которую вы описываете, является частью Sublime Text 2 из коробки. Убедитесь, что ваш документ использует синтаксис HTML (Просмотр »Синтаксис» HTML).
Введите foo.bar , нажмите Tab , и вы получите <foo class="bar"></foo> . Также есть foo#bar (для id вместо class). Оба реализованы в Packages /HTML/html_completions.py .
Emmet - это плагин, в котором вы пишете базовую структуру в стиле CSS-селекторов, и редактор ее расширяет. Вы можете найти пакет на GitHub и установить его через менеджер пакетов.
У этого Smashing Magazine есть статья об этом. Например,
(.foo>h1)+(.bar>h2)
расширится с помощью Tab до
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
Что вы также можете сделать, это нажать Alt Shift W, чтобы создать открытый тег или обернуть текущее выделение в тег (см. Правка »Тег» Обтекание текущего выделения в теге).
По умолчанию это создаст:
<p></p>
с выбранным именем тега, чтобы вы могли перезаписать его.
Нажав Tab, вы попадете внутрь тега. Или, если вы нажмете Пробел, вы можете создать атрибуты, например:
href="..." , затем Tab<a href="..."></a> с курсором, расположенным внутри тега