У піднесеному тексті, як ви пишете короткий скорочувальний код?

9

Мої вибачення, але я не знаю, як його викликали, якщо це запитували або для якого сайту Stack це найкраще підходить. Я бачив кілька відео про те, як люди використовують Sublime для створення швидших тегів, і я хотів би дізнатися правильний спосіб зробити це, якщо є будь-яка документація або що я можу зробити швидше в своєму кодуванні.

У кількох відео я бачу людей, які роблять такі речі:

div.classі це створить <div class="class"></div>після tab.

sublime-text-2

— ДᴀʀᴛʜВᴀᴅᴇʀ
джерело

Ви також можете створити власні спеціальні фрагменти; docs.sublimetext.info/uk/latest/extensibility/snippets.html

— Abdessamad Idrissi

Наведене вище посилання більше не діє. Чи є офіційне посилання, в якому зазначено, як створити власні спеціальні фрагменти?

— анжанеш

11

Описана вами функція є частиною Sublime Text 2 поза коробкою. Переконайтеся, що у вашому документі використовується синтаксис HTML ( Перегляд »Синтаксис» HTML ).

Наберіть foo.bar, натисніть Tab, і ви отримаєте <foo class="bar"></foo>. Там також foo#bar(бо idзамість class). Обидва реалізовані в Росії .Packages/HTML/html_completions.py

— Деніел Бек
джерело

Чи є документація про те, як скласти aтеги і щось на зразок liтегів? Це лише для HTML? і +1.

— DᴀʀᴛʜVᴀᴅᴇʀ

@Gramps Не впевнений, що ви маєте на увазі, але зауважте, що я вказав сценарій, де реалізована ця функція (виберіть пункт меню « Огляд пакунків… », щоб перейти до каталогу, який я згадую). Наприклад, ви можете розширити існуючий скрипт для підтримки, наприклад, додаткових роздільників. Сценарії Sublime Text 2 реалізовані в Python, ось документація на Python , і ця сторінка містить документацію, специфічну для Sublime Text 2.

— Daniel Beck

Я бачив, як хтось робить, div#main.containerале Sublime випльовує mainелемент з класом, containerколи я намагаюся?

— тако

7

Еммет / Дзен-Кодування

Emmet - плагін, куди ви пишете основну структуру у вигляді CSS-селектора, і редактор розгортає її. Ви можете знайти пакунок на GitHub та встановити його через менеджер пакетів.

_{(джерело: smashingmagazine.com )}

Цей Smashing Magazine має статтю про нього . Наприклад,

(.foo>h1)+(.bar>h2)

буде розгорнуто Tabдо

<div class="foo">
  <h1></h1>
</div>
<div class="bar">
  <h2></h2>
</div>

Оберніть вибір в теги

Також можна натиснути, AltShiftWщоб створити відкритий тег або загортати поточний вибір у тег (див. Редагувати »Тег» Обернути поточний вибір у тег ).

За замовчуванням він створить:

<p></p>

з вибраним ім'ям тега, щоб ви могли його перезаписати.

Натискання Tabнадалі потрапить у тег. Або, якщо натиснути Space, ви можете створити атрибути, наприклад:

AltShiftW(в Windows / Linux) або CtrlShiftWв OS X
A
Space
Введіть href="...", тодіTab
Результати <a href="..."></a>з курсором, розміщеним всередині тегу

— слхк
джерело