Разделы:

Полезные плагины для Brackets

Brackets – это редактор для разработки Веб-сайтов, который работает в платформами JavaScript, HTML и CSS. Создан в 2014 году компанией Adobe Systems, совместим с операционными системами Linux, Windows и MacOS.

Ссылка на скачивание: http://brackets.io/

Но этот редактор был бы неконкурентоспособен, если бы не многочисленные Brackets плагины – вспомогательные программы для улучшения работы программы. Именно благодаря им, редактор Brackets пользуется невероятной популярностью среди разработчиков Web-приложений.

Установка плагинов

Установить полезные расширения для Brackets проще простого. Нужно запустить редактор, затем в открывшемся окне программы, в его левой части нужно найти панель с кнопкой Менеджер расширений.

Потом в трех вкладках менеджера – Доступные, Themes и Установленные, выделить подраздел Доступные. В открывшемся списке необходимо выбрать нужные расширения для Brackets, затем нажать на кнопку Установить. Если найти нужный пункт в списке проблематично, то можно ввести наименование расширения в поиске.

Когда нужный плагин установлен, требуется перезапустить редактор.

Наиболее популярные плагины

Плагин Emmet для Brackets – весьма необходимое расширение, оно существенно упрощает процесс ввода программного кода для языков HTML и CSS разметки. Используемые аббревиатуры и сочетания клавиш помогают разработчику быстро вводить целые страницы с тегами HTML за очень короткое время;

Themes for Brackets – Плагиный который розоволяет выбирать тему, как будет выглядеть рабочая область в редакторе;

Extract for Brackets – этот плагин позволяет верстать прямо из PSD. Просто закачиваем макет и редактор начинает извлекать все стили и разметку прямо из PSD. Реально крутой плагин!!;

Response for Brackets – Очень перспетивный плагин. Позволяет писать адаптивный дизайн прямо из окна редактор. При включении создает отдельный файл стилей, куда записываются все изменения. По окончании работы его надо просто подключить к файлам сайта. Но пока что работает со сбоями. ;

Extensions Rating – разработчики очень ценят этот плагин, потому что с его помощью можно отображать информацию о дополнениях, количестве загрузок, звездах и т. д.;

Beautify - позволяет форматировать код. После установки плагина станет доступна функция Ctrl+L;

Code Folding – это расширение дает возможность сворачивать ненужные отрезки программного кода;

Http Server for Brackets – эмулятор HTTP-сервера, отличается от настоящего тем, что позволяет делать правку непосредственно в браузере;

Расширение Custom Tabs Working – с помощью этого плагина можно добавлять в текст документа разнообразные вкладки, иконки и картинки. Его основная функция – сделать страницу более наглядной;

Code Font – расширение для работы с различными шрифтами. Он просто необходим для работы с кириллицей, так как эти шрифты до сих пор еще выглядят в редакторе несколько «криво», но разработчики обещают устранить этот недочет;

LESS Autocompile – плагин для работы в среде CSS, выполняет функцию автоматического компилятора для .less-файлов;

Плагин Overscrol – помогает организовать функцию прокрутки написанного кода страницы;

Brackets Additional Right Click Menu – помогает добавить в документ дополнительные «фишечки» в виде функций Copy – Paste и других команд контекстного меню;

Autosave Files on Window Blur – чрезвычайно полезный плагин для организации автосохранения всех документов, если пользователь переводит фокус на окна других программ или браузеров;

HTMLHint – наряду с плагинами More CSS Code Hints, More HTML5 Code Hints помогает HTML и CSS-разработчикам править код;

JSHint, JSLint, FuncDocr, JSHint Configurator, JSLint Configurator – то же самое для Java-разработчиков.

Emmet для Brackets

Как наиболее известный плагин для платформы Brackets, это расширение требует более детального рассмотрения.

Как известно многим разработчикам, на написание кода вручную уходит достаточно много времени. Революционное расширение Emmet для Brackets помогает сразу преобразовывать кодовые HTML-аббревиатуры в полноценные фрагменты документа.

При создании нового HTML-документа в расширении Emmet, разработчику достаточно нажать на «!» или записать html:5, а потом нажать на кнопку Tab. И в окне редактора появится «болванка» нового приложения, которую уже можно редактировать.

Благодаря новым возможностям, становится достаточно легко построить документ, объединяя классы и наименования, легко добавляя содержание строк и атрибуты, используя группировку и вложения, набрав легкую комбинацию букв.

Плагином Emmet могут пользоваться не только HTML-, но и CSS-программисты. Для построения CSS кода, приложение пользуется такими нововведениями как автоматический поиск близких по значению сокращений, легкий ввод вендорных префиксов, градиентов и т. д.

Благодаря расширению Emmet, можно работать не только с кодом, но и с изображениями.