Brackets. Текстовый редактор кода.

Сегодня я хочу рассказать вам про еще один молодой, но очень перспективный редактор - brackets.

Появился этот редактор уже давно, но он был очень сырой. Сейчас же он уже достаточно хорош, чтобы конкурировать даже с Sublime Text. Разрабатывается редактор фирмой Adobe. Редактор полностью кроссплатформерный, т.к. он написан с применением WEB технологий: html, css, js.

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

Что же, давайте его скачаем. Для этого перейдите по ссылке brackets.io и нажмите кнопку download. При первом запуске вы увидите 2 файла, на примере которых можно поразбираться с редактором. Чтобы запустить функцию живого редактирования, нажмите на кнопку с молнией в правом верхнем углу редактора. У вас откроется браузер. Если вы будете изменять содержимое страницы, то будете видеть моментальные изменения в браузере.

Вы можете также задавать css стили прямо в html файле. Например, создайте параграф и дайте ему какой-нибудь класс. Теперь нажмите ctrl+e(или cmd+e, если у вас Mac OS) и у вас откроется снизу окошко, где вы можете нажать кнопку New Rule и добавить css правило для данного элемента. При редактировании css, вы также будете видеть все изменения в браузере мгновенно.

В css, если вы поставите курсор в какое-то обозначение цвета(#efefef, например) и нажмете ctrl+e(cmd+e), то увидите палитру, где сможете выбрать нужный вам цвет и все также мгновенно видеть результат в браузере.

Также, brackets подсказывает url адреса при подключении файлов, css стили и прочее, так что вам не придется писать это все вручную. Вообще, в brackets очень много всяких мелких фишек, которые очень удобны. Описывать их все нет смысла. Если вы будете пользоваться редактором, то обязательно их все увидите.

Конечно же, для brackets написаны плагины. Чтобы их установить, нажмите на фигурку лего в правом верхнем углу редактора. Вы увидите большой список всех возможных плагинов. Также, вы можете воспользоваться поиском, чтобы найти нужный. Например, введем в поиск emmet и нажмем кнопку install. Все, плагин установлен и готов к работе.

Итак, подводя итог, я хочу сказать, что это правда очень хороший и удобный редактор, но лично я пока что не стал бы его использовать как основной, потому что в нем нет нужных мне вещей, которые есть в Sublime Text и он пока что недостаточно быстро работает. Однако, чтобы сверстать какую-нибудь страничку, я буду использовать именно этот редактор, т.к. для этих целей он подходит идеально, а Live Coding(живое редактирование) очень в этом помогает.

Что же, на этом все, спасибо за внимание и до встречи!