4 свежих редактора кода для фронтендера

Если серверные программисты большую часть дня проводят, глядя в интерфейс полнофункциональных IDE, то frontend-специалисты могут пользоваться более легкими редакторами кода. У многих есть любимые редакторы с долгой историей, некоторые практикуют редактирование «в облаке», а мы предлагаем посмотреть на 4 современных десктопных редактора кода, которые появились не так давно.

Adobe Brackets

Сайт: http://brackets.io/?lang=ru 

Кратко: OpenSource продукт от Adobe. Возраст 2 года.

Работает с: Win, Mac, Linux

Цена: free

Приятные фичи:

  • inline-отображение отладочной информации (debug javascript);
  • мгновенное отображение в браузере изменений в верстке;
  • перемещение к таблице стилей, связанной с конкретным местом разметки;
  • поддержка плагинов от сторонних разработчиков.

В целом, редактор производит положительное впечатление. Может работать с "проектами", однако довольно медлителен.

SublimeText 3

Сайт: sublimetext.com/3

Работает с: Win, Mac, Linux

Цена: USD $70

Кратко: Редактору более 6 лет, но широкую известность получил лишь года 2 назад, выпустив бета-версию SublimeText2. Сегодня актуальна версия 3. sublime2

Приятные фичи:

  • много сторонних плагинов;
  • удобная система установки дополнений и тем;
  • python консоль;
  • миникарта;
  • возможность разместить вкладки колонками;
  • возможность использовать «множественный курсор».

Довольно шустрый редактор, минималистичен из коробки, хорошо расширяем за счет плагинов. Этот редактор вдохновил многих на создание клонов (например LimeText) или цитирование функционала и UI. Мой выбор на протяжении двух лет, но сейчас склоняюсь к новичку Atom.

LghtTable

Сайт: http://www.lighttable.com/

Кратко: OpenSource, выходец из KickStarter (собрал в 2012 году финансирование >$300k)

Работает с: Win (через Cygwin), Mac, Linux

Цена: free Light Table2
Фичи:

  • отладка прямо в редакторе;
  • визуализация исполняемого кода прямо в редакторе.

Пожалуй, самый навороченный из редакторов в обзоре. Практически IDE. Приятный дизайн, много замечательного функционала, но для меня оказался слишком тяжеловесным. Говорят, он может изменить привычный workflow js-разработчика. Глядя на демо-видео — охотно верю.

Atom

Сайт: http://atom.io Кратко: OpenSource от Github, совсем свежий: вышел 3 месяца назад. Цена: free atom2 Самый многообещающий редактор. Во-первых, продукты разработчиков Github всегда вызывают большой интерес у программисткой братии. Во-вторых, интерфейс и горячие клавиши очень напоминают SublimeText, у которого очень много сильных решений и который стал привычен многим. В-третьих, модульный подход и полностью изменяемый дизайн позволяют кастомизировать этот редактор под свои нужды, превращая коробочную версию хоть в легковесный блокнот с подсветкой синтаксиса, хоть в настоящий комбайн с подключением систем автоматизации и сборки. Мой текущий выбор, несмотря на "легкую тормознутость".

  • бесшовная интеграция с Node JS;
  • многие фишки перекочевали из SublimeText (многокурсорность, панели, поиск и замена по открытым документам, ...);
  • визуальный режим изменения настроек программы.

Инструментов для frontend-разработки с каждым годом все больше. Часть из них остаются быстрыми инструментами класса "открыл-> поправил код->закрыл", некоторые стремятся заменить собой вообще все возможные утилиты и поставляются со встроенным веб-сервером и браузером. А значит, каждый специалист может выбрать продукт исходя из собственных требований, возможностей и предпочтений. Коллеги, какими редакторами пользуетесь вы и на чем основан ваш выбор?

Координационный
совет SPECIA
Санкт-Петербург,
8-я Красноармейская ул., д.10