Включаем выделение HTML тегов в Vim, как в Notepad++

Пройдите тест, узнайте какой профессии подходите

Я предпочитаю
0%
Работать самостоятельно и не зависеть от других
Работать в команде и рассчитывать на помощь коллег
Организовывать и контролировать процесс работы

Быстрый ответ

Если вам необходимо активировать подсветку совпадающих HTML-тегов в Vim, добавьте плагины matchit и MatchTagAlways, используя следующий код:

vim
Скопировать код
packadd! matchit
runtime macros/matchit.vim
Plugin 'Valloric/MatchTagAlways'

После этого нужно выполнить :PluginInstall. Теперь при размещении курсора на открывающем теге, закрывающий тег будет выделен. Для проверки активации matchit используйте команду :echo has('matchit'). Если вывод будет равен 0, потребуется активация или установка matchit.

Кинга Идем в IT: пошаговый план для смены профессии

Улучшаем Vim

Используем файлы ftplugin

Для удобства работы с HTML в Vim рекомендуется использовать файлы ftplugin:

  1. Ознакомьтесь с скриптами на vim.org или проектом gregsexton/MatchTag на GitHub, где можно найти ftplugin специально для HTML.
  2. Настройте выбранный плагин в файле ftplugin/html.vim, привнеся в него свои предпочтения.

Улучшаем отладку HTML-кода

Часто ошибки возникают из-за некорректных или незакрытых тегов. Настройка подсветки проблемных тегов в вашем ftplugin может значительно ускорить отладку кода.

Создаём свой плагин

Если предложенные плагины не удовлетворяют вашим требованиям, вам может стать интересным создание собственного плагина для Vim. Отличным стартом для этого будет материал Learn Vimscript the Hard Way.

Подбор пар HTML-тегов с помощью настроек Vim

Настройка Vim для сопоставления тегов может быть выполнена с помощью простого кода:

vim
Скопировать код
" Ваша сессия Vim станет ещё лучше с парным сопоставлением HTML-тегов.
set mps+=<:>

Больше информации на эту тему можно найти в :help matchpairs.

Участвуем в развитии сообщества

Обратная связь и сообщения об ошибках делают сообщество и программное обеспечение лучше. Если вы обнаружили ошибку, поделитесь этой информацией с сообществом!

Визуализация

Для лучшего понимания механизма подсветки парных HTML-тегов в Vim, представьте себе следующее:

Markdown
Скопировать код
Соответствующие друг другу HTML-теги — это пара танцоров на сцене 🕺👯‍♀️.

В Notepad++:
Они под прожекторами, оба тега — и открывающий, и закрывающий, выделяются, когда вы выбрали хотя бы один из них 🔦.

В Vim:
С настроенным плагином или скриптом Vim также может выполнить этот "трюк" 🎭!

Корректность сопоставления тегов важна для понимания и валидности вашего кода.

Продвинутые методы редактирования

Экономим время с MatchTagAlways

Плагин MatchTagAlways в Vim позволяет выделить оба элемента тега, что значительно упрощает и ускоряет редактирование HTML.

Осуществляем обобщённое сопоставление HTML-тегов

Vim — мультиплатформенный текстовый редактор, и функция подсветки соответствующих друг другу тегов не ограничена только Notepad++. MatchTagAlways предоставляет эту возможность всем пользователям Vim.

Редактируем в контексте будущего

Если вы работаете с HTML5 и последними стандартами веба, обратите внимание на такие плагины, как othree/html5.vim, которые предлагают обновлённую подсветку синтаксиса и современные правила для сопоставления тегов.

Полезные материалы