Мой must have расширений для Sublime Text

Опубликовано 8 лет назад

Моя публикация о расширениях Sublime Text для разработки под WordPress, вызвала некоторые вопросы по поводу используемого мной софта. Я редко пишу об этом, но сегодня я постараюсь восполнить этот пробел и немного расскажу о любимом редакторе, его расширениях, и вообще о том как я до всего этого докатился.

Предыстория

Изучение HTML-верстки я начал ещё на закате прошлого столетия. Первые шаги делались в качестве хобби, если можно так выразиться, с помощью приложения Allaire HomeSite. Ещё до покупки его компанией Macromedia (а в последствии и Adobe). Естественно, спустя какое-то время, HomeSite стал мне очень тесен, и я, как и многие мои коллеги, перешёл на популярный тогда Notepad++, а спустя какое-то время и на Sublime Text. Но дружба с ним продолжалась не долго — после перехода на Mac, я избавился от всех привычек Windows и перешёл на Panic Coda.

Panic Coda

Coda отличается от конкурентов тем, что из коробки имеет практически все инструменты веб-разработки. Естественно, подсветку синтаксиса популярных языков программирования, поиск, сниппеты, валидатор, встроенную документацию, удобный FTP/SFTP-менеджер (интегрированный Panic Transmit, по-сути), «живой» просмотр, поддержка совместной работы с Diet Coda для iPad. А также инструменты для работы с базами данных и терминал. Неплохо для одного приложения, да?

Panic Coda

Coda казалась просто запредельным и нереально удобным инструментом, особенно после топорных интерфейсов редакторов под  Windows.

Но эйфория со временем прошла — Coda при всех своих достоинствах не отличалась особым быстродействием. Не скажу, что тормозила, но на Core i5 с SSD, 16 Гб оперативки и чисто установленным El Capitan она не летала, в отличие от некоторых своих конкурентов.

Но главной причиной моего отказа от Coda было всё же не её быстродействие. В целом, меня оно более чем устраивало. Причина, как и в случае с HomeSite, была в том, что аппетиты выросли, и возможностей Coda стало снова сильно не хватать. Дополнения хоть и помогали, но удовлетворить все мои функциональные требования к редактору не могли, к сожалению. В частности очень не хватало полноценной поддержки препроцессоров Sass/LESS, Git, FTP/SFTP-маппинга и т.п. Веб-технологии шагают вперёд семимильными шагами, но Coda от этого ритма отстаёт, увы.

В целом, Panic Coda — отличный инструмент, но я думаю, что он все же больше ориентирован не на классических веб-разработчиков, а на специалистов смежных профессий. Которым нужен функциональный и одновременно с этим простой в освоении инструмент редактирования кода, не требующий никаких сложных настроек. Как уже говорилось выше, весь основной функционал приложения доступен «из коробки» и не требует от пользователя никаких дополнительных действий.

Я считаю, для профессиональной веб-разработки редактор должен быть всё же более гибким, обладать более широкими возможностями именно в части кастомизации и работы с синтаксисом. При этом он должен быть очень быстрым и удобным как Panic Coda. Пожалуй, на этом я закончу свою коду Коде.

Извиняюсь, выплеснулось неожиданно много информации.

Альтернативные редакторы

В качестве альтернативы мной были опробованы Brackets от Adobe, Atom от Github, Textmate, еще какие-то редакторы. Каждый из которых имел свои преимущества и недостатки. Рассматривать их не будем, так как это выходит за рамки данной публикации. Полноценные IDE в качестве основного инструмента я не рассматривал, т.к. специфика моей работы сильно отличается от классического веб-программирования. Для т.н. fullstack-разработки все же необходим более универсальный инструмент.

Возвращение к Sublime Text

Именно своей универсальностью меня в очередной раз подкупила третья версия ранее знакомого мне Sublime Text. Редактор заметно преобразился и оброс весьма полезным функционалом.

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

Благодаря расширениям, Sublime Text можно заточить под решение абсолютно любых задач.

Перечислить все возможные варианты его использования просто нереально. Package Control насчитывает огромное количество доступных расширений самой разной направленности. Кроме того, Sublime Text устроен таким образом, что и редактор, и его расширения очень глубоко кастомизируются, все функции достаточно легко вешаются на любые хоткеи. В Sublime Text очень удобный вызов функций, напоминающий Spotlight в Mac OS, благодаря чему, можно наконец-то оставить в покое тачпад, а про мышь забыть вообще. Ну, и главное, Sublime Text очень быстр: открывается мгновенно, аналогично переключается между проектами, маппинг, компиляция — всё на самом достойном уровне. Придраться можно разве что к не совсем функциональному сайдбару, но как уже говорилось выше, Sublime Text ориентирован больше на управлению с клавиатуры. Со временем приходит понимание того, что сайдбар по-сути не особо-то и нужен.

Однажды случайно кликнув по дампу БД размером около сотни мегабайт, я был приятно удивлён. В Sublime Text он открылся буквально за 20-30 секунд. Причём с документом можно было вполне комфортно работать, пользоваться поиском и т.д. Конечно, редактировать файлы такого размера в редакторе — это верх извращения, но Саблайму безусловный плюс в его копилку. Редко какой редактор вообще способен на нечто подобное.

Мой набор расширений для Sublime Text

Теперь все же предлагаю перейти к обзору моего набора расширений для Sublime Text, которому, собственно, и хотелось посвятить эту статью. Возможно кто-то заметит, что список очень мал. Действительно, я использую в работе только те расширения, которые мне реально необходимы для решения той или иной задачи. Бывает, что я устанавливаю какие-то расширения лишь для отдельных проектов, где их использование оправдано. И в целом, я не фанат сильно накрученных приложений. Это касается не только Sublime Text.

  • Emmet (ранее известный как Zen Coding) — невероятно полезный инструмент, ускоряющий работу с HTML и CSS. В его основе лежит механизм динамических аббревиатур, которые разбираются «на лету» и из которых генерируется готовый фрагмент кода. Для написания аббревиатур используется синтаксис, похожий на CSS-селекторы, но с некоторыми дополнениями, специфическими для создания кода;
  • BracketHightlighter — Простое, но очень полезное расширение, смысл которого заключается в подсветке открывающих и закрывающих тегов, всех видов скобок и кавычек;
  • BufferScroll — Тоже вроде бы простое, но весьма полезное в работе расширение, которое сохраняет позицию курсора в документе при его закрытии;
  • Color Highlighter — Подсветка соответствующим цветом всех цветовых значений в коде;
  • Gist — Расширение будет полезно пользователям Github:Gist. Полный доступ к вашим гистам прямо из Sublime Text;
  • Goto-CSS-Declaration — Быстрый переход к стилю редактируемого HTML-элемента. Причем, помимо CSS, поддерживаются Sass, LESS и другие препроцессоры;
  • SFTP — Удаленный доступ к серверу с массой возможностей прямо из Sublime Text. Плагин коммерческий, но вполне пригоден к работе и в бесплатном режиме.
  • WordPress — Поддержка функций, хуков и классов WordPress с автокомплитом.

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

  • Sass — Подсветка синтаксиса и автокомплит Sass;
  • Sass Build — Компилятор Sass;
  • SublimeOnSaveBuild — Автоматическое компилирование стилей при сохранении файла.

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

  • Git — Система контроля версий для коллективной работы над проектом;
  • LiveReload — «Живой» просмотр изменений в браузере;
  • Bootstrap Snippets — Незаменимый помощник при работе с проектами на Bootstrap;
  • jQuery — Поддержка и автокомплит функций jQuery.

Вот и всё! Обратите внимание, я не буду поддерживать актуальность списка, как я это иногда делаю со списком must have плагинов WordPress. Возможно когда-нибудь опубликую новый. Не исключено, что уже для какого-то другого редактора.

Иван Данилин
Автор Иван Данилин

Фулстек веб‑разработчик, специализируюсь на платформе WordPress

Подробнее
Комментарии
  1. Мой путь был примерно таким же ))))))) Аж слезы навернулись от воспоминаний )))))
  2. Здравствуйте, скажите пожалуйста — а есть такая программа для верстки — но чтобы было видно два окна одновременно — сам html-код с css и второе окно с браузером — чтобы сразу было видно что кодишь?)
    • Добрый день! К сожалению, я плохо знаком с рынком. Единственное, что приходит в голову — Dreamweaver.
      А для Sublime Text есть View In Browser, например. Он прекрасно справляется с такими задачами.
Добавить комментарий