Найти в Дзене

10 крутых плагинов для Brackets

Оглавление

Как превратить процесс разработки в удовольствие? Да так, чтобы за написанием тысячи строк кода не заметить как пролетел рабочий день, а продуктивность выросла вдвое. Есть ответ.

Пару лет назад, на смену тяжеловесным средам разработки, мы заприметили крутой редактор с открытым кодом для веб-разработчиков - Brackets, и уже сейчас им пользуются десятки тысяч программистов. Даже преданные фанаты Sublime Text и Aptana Studio опробовали Brackets и одобрили его функционал.

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

Мы познакомим вас с девятью крутыми плагинами, которые упростят работу в Brackets.

CanIUse

С помощью этого плагина проверяется актуальность поддержки браузером CSS-свойств и HTML-элементов, которые вы использовали.

Страница плагина - github.com/cfjedimaster/brackets-caniuse

Скриншот плагина - CanIUse
Скриншот плагина - CanIUse

HTML Wrapper

Упрощает работу с тегами <ul>, <tr>, <select> , форматируя содержимое в элементы списка.

Страница плагина - github.com/rcaferati/brackets-html-wrapper

Скриншот плагина - HTML Wrapper
Скриншот плагина - HTML Wrapper

Brackets Icons

Расширение добавляет иконки к файловому дереву на боковой панели. Облегчает поиск документов, с которыми вы работаете.

Страница плагина - github.com/ivogabe/Brackets-Icons

Скриншот плагина - Brackets Icons
Скриншот плагина - Brackets Icons

Emmet

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

Страница плагина - github.com/emmetio/brackets-emmet

Скриншот плагина - Emmet
Скриншот плагина - Emmet

Simple To-Do

Будьте уверены, что вы не забудете о важных задачах в проекте, если возьмете на вооружение расширение Simple To-Do, Плагин позволяет создавать и управлять списками задач для каждого проекта.

Страница плагина - github.com/ovk/brackets-simple-todo

Скриншот плагина - Simple To-Do
Скриншот плагина - Simple To-Do

Lorem Ipsum

Если нужно заполнить пустоту в абзаце, то этот плагин для вас. Он генерирует текст - ”рыбу” для таких случаев.

Страница плагина - github.com/lkcampbell/brackets-lorem-ipsum

Скриншот плагина - Lorem Ipsum
Скриншот плагина - Lorem Ipsum

JS CSS Minifier

Удаляет лишние символы из кода JavaScript и CSS файлов. Процесс называется минификацией и позволяет оптимизировать код для дальнейшего ускорения загрузки страниц на сайте.

Страница плагина - github.com/abagshaw/brackets-minifier

Скриншот плагина - JS CSS Minifier
Скриншот плагина - JS CSS Minifier

Сustom Region Code Folding

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

Страница плагина - github.com/thehogfather/brackets-code-folding

Скриншот плагина - Сustom Region Code Folding
Скриншот плагина - Сustom Region Code Folding

Beautify

Простой комбинацией клавиш или при сохранении файла красиво оформит структуру вашей разметки, с отступами и, главное — сделает ее читабельной.

Страница плагина - github.com/brackets-beautify/brackets-beautify

Скриншот плагина - Beautify
Скриншот плагина - Beautify

Brackets-Git

Пожалуй, одно из самых полезных расширений для редактора. Плагин обеспечивает интеграцию с распределенной системой управления версиями - Git. Он протестирован и работает на любой платформе (Windows, Mac OS X, GNU / Linux).

Страница плагина - github.com/zaggino/brackets-git

Скриншот плагина - Brackets-Git
Скриншот плагина - Brackets-Git

Шорт-лист с примерами расширений отлично послужит любому веб-разработчику. Теперь процесс программирования и верстки станет намного приятнее.

Официальный сайт приложения