Adobe Brackets: бесплатный и удобный текстовый редактор для разработчиковВот уже почти год я пользуюсь MacBook Air. Но за это время так и не смог найти «свой» текстовый редактор для правки HTML и CSS. Благо, потребности в подобном инструменте возникают у меня не так уж и часто. Сегодня коллега прислал ссылку на новую разработку Adobe – текстовый редактор для веб-разработчиков Brackets. Эту программу можно установить на компьютеры с операционными системами Windows, OS X (Ура!) и Linux, что я благополучно и сделал.

Пусть Adobe Brackets имеет пока номер версии 1.0, а значит далек от совершенство. Но все указывает на то, что он войдет в число популярных у веб-разработчиков редакторов. Кроме основных функций, здесь имеются Inline Editing (встроенный редактор), живой предпросмотр, поддержка препроцессора. Далеко не везде найдешь все это.

Существуют и другие текстовые редакторы, некоторые из них даже превратились в культовые. Поэтому Adobe Brackets будет не легко набрать армию верных пользователей. Но я уже вступил в ее ряды. Особенно мне понравилась функция Inline Editor. Она позволяет увидеть связанный код из нескольких файлов в одном окне и одновременно. Это избавляет от постоянного перескакивания между открытыми вкладками.

Живой предпросмотр мгновенно показывает в браузере результат правок кода. Больше не надо постоянно нажимать на кнопку перезагрузки, чтобы посмотреть – двигаемся ли мы в верном направлении. Благодаря поддержке препроцесоора я легко нахожу, добавляю и редактирую взаимоотношения между классами в файлах HTML и CSS. Навожу курсор мыши на класс в файле index.html, нажимаю Command+E – всплывают все файлы CSS, связанные с этим классом. Выбираю нужный файл и открываю его во встроенном редакторе для редактирования. А если для этого класса CSS-описание еще не создано, то можно сделать это прямо здесь, буквально, на лету.

Редактор Brackets поддерживает HTML, CSS, языки разметки LESS и SASS. LESS и SASS аналогичны по своему функционалу CSS с поддержкой препроцесора. Я знаю многих разработчиков, которые предпочитают их, а не CSS. Код данного редактора открыт, поэтому вы можете включиться в работу по его дальнейшему развитию. Кстати, сам Brackets написан на HTML, CSS и JavaScript, поэтому опытный веб-разработчик запросто разберется в исходном коде.

Скачать редактор Brackets можно с официальной странички.