Есть ли способ получить Sublime Text 2 для автозаполнения атрибутов HTML?

Ответ 1

Автозаполнение включено по умолчанию, когда вы используете "<" и тэг, а затем нажмите enter. Поэтому, если вы введете <p, а затем нажмите enter, он закончит пару тегов для вас... там, где вы закончите с <p></p>, и ваш курсор будет посередине. Вы можете изменить это на вкладку, если хотите, вставив следующее в свой Настройки → Настройки - Пользовательский файл:

{
    "auto_complete_commit_on_tab": true
}

Это приведет к переопределению значения по умолчанию false для завершения на вкладке. Опять же, только если вы хотите использовать вкладку вместо ввода.

Ответ 2

Вы можете попробовать использовать пакет emmet. Это было сделано специально для завершения кода html & css. Для получения дополнительной информации вы должны прочитать документацию.

Ответ 3

Эй, вы можете попробовать https://github.com/agibsonsw/HTMLAttributes или установить пакет управления пакетным пакетом под названием "HTMLAttributes";). Его работы для меня. Например, вы вводите:

<p затем нажмите пробел, затем ctrl + пробел, и вы получили список атрибутов.

Ответ 4

У меня была такая же проблема; хотя я использую как плагиновые пакеты HTMLAttributes, так и Emmet, ни один из них не предоставляет функции автозаполнения, которые я искал, похожие на Dreamweaver.

Решение. Я нашел пакет под названием SublimeCodeIntel, который делает именно то, что мне нужно.

Пример: я кодирую html-письма и делаю много встроенных CSS. Конечная цель:

  <td style="vertical-align:top;">

После установки SublimeCodeIntel я набрал <td style="v и список свойств CSS, начиная с "v".

С помощью клавиш со стрелками выберите vertical-align и нажмите tab для подтверждения, затем введите букву "t" и теперь отобразится список значений CSS.

Я выбираю top, а затем нажмите tab, чтобы снова подтвердить мой выбор.

Примечание. Вы можете создать предопределенные фрагменты для Emmet для свойств undefined CSS, но я хотел что-то "из коробки" вместо того, чтобы: a) научиться создавать их через документацию (хотя я уверен, что это просто ) и b) создать фрагмент кода каждый раз, когда я натолкнулся на undefined свойство/значение CSS как vertical-align.

Надеюсь, что это поможет.