Sublime Text 3 для верстальщика: 7 абсолютно необходимых дополнений

Плюс 4 необязательных

Несколько лет назад я перешел с любимого Notepad++ на Sublime Text. Причиной тому послужило появление в моем арсенале Macbook Air (это не рабочий компьютер, а для тестов и выездов) — понадобился кроссистемный инструмент. Сейчас тестирую возможность выноса рабочего процесса в Ubuntu, так что требование единого инструмента на разных ОС стало еще важнее. Вынужден признать, что Sublime Text немного удобнее, в сравнении с Notepad++, хотя периодически возникающее окошко с просьбой покупки несколько смущает.

Качать на официальном сайте и сразу ставить Package Control.

Любой инструмент нужно «допиливать» под свои привычки и рабочий процесс, сегодня — о дополнениях для ST3.

Дополнения

Как установить: Ctrl + Shift + P (покажет список всех команд Sublime Text 3), набрать inst (чтобы быстро найти команду Package Control: Install Package), Enter, в появившемся списке всех возможных к установке дополнений начать набирать часть имени дополнения, когда оно найдено — Enter.

Необходимый минимум

  • Emmet — сильно ускоряет набор при помощи аббревиатур. Вводим что-то вроде .parent>.child>p>lorem — получаем логичную структуру разметки, с CSS всё еще круче.
  • AutoFileName — выдает подсказки при подключении файлов — когда курсор оказывается в кавычках, возникает выпадающее меню, не дающее ошибаться при линковке файлов проекта.
  • Sidebar Enhancements — расширяет возможности сайдбара — открытие в браузере, создание, переименование, дублирование, копирование адресов и т.п.
  • LESS, SCSS, Stylus — дополнения для подсветки синтаксиса CSS-препроцессоров.
  • Color Highlighter — подсветка цвета — если курсор внутри указания цвета (скажем, в CSS), то фон текста, указывающего цвет, принимает сам этот цвет.

Необязательные

  • Bracket​Highlighter — подсвечивает строки с открывающей и закрывающей скобками/тегами (в области с номерами строк).
  • Can I Use — добавляет в контекстное меню справку с caniuse.com — правый клик на каком-либо свойстве — возможность перехода на страницу кроссбраузерности этого свойства.
  • PlainTasks — ведение списка задач в виде файла.
  • AlignTab — добавляет в контекстное меню возможности выравнивания, может выравнивать по регулярному выражению.

Конечно, это не всё!

Есть еще уйма хороших и полезных дополнений. Собственно, у меня стоят ещё несколько, но чаще всего я пользуюсь именно указанными выше.

Понравилась статья? Ставьте лайк, делитесь в соц. сетях или купите мне кофе.