Недавно я начал использовать Brackets в качестве основного редактора кода и скажу вам — он очень классный. Он создан компанией Adobe и является опенсорс проектом. У редакторе огромное сообщество, которое постоянно разрабатывает всякие полезные дополнения еженедельно и постоянно происходит обновление существующих расширений. Я приведу ниже список наиболее используемых мной расширений (без некоторых из них я просто не смог бы жить :).

Пакеты для Brackets редактора

  • Brackets Sass — компилирует SASS .sass/.scss файлы при их изменении. Обновляет стили используя Live Preview. Экспериментальная поддержка Quick Edit.

  • Beautify — форматирует JavaScript, HTML и CSS

  • Brackets CSS Color Preview — предмосмотр цветов в css

  • Brackets File Icons — файловые иконки в дереве редактора

  • Closure Linter — форматирует javascript файлы согласно гиду стилей от Google и автоматически исправляет ошибки

  • Code Folding — простое складывание кода (по-умолчанию функция отсутствует).

  • Emmet - zencoding. ДОЛЖНО БЫТЬ УСТАНОВЛЕНО У КАЖДОГО!!! Обязательно к использованию, чтобы кисти и глаза не болели.

  • Extract for Brackets — извлекает информацию из дизайна и объекты через контекстуальные подсказки для CSS (мегафича от Adobe)

  • JSHint — добавляет поддержку JSHint для Brackets.

  • FixMyJS — автоматически исправляет обнаруженные JSHint ошибки

  • Grunt For Backets — выводит и запускает задачи Grunt всередине Brackets

  • HTML Skeleton — вставляет различные элементы HTML в ваш документ (для чайников)

  • Image Dimension Extractor — добавляет элемент контекстного меню под названием get image dimension с помощью которого можно извлечь ширину-высоту из css background изображний

  • Inline Gradient Editor — редактирование линейных CSS градиентов в редакторе — используйте Quick Edit (Ctrl-E).

  • Install from Bower — установка фронт-энд пакетов с помощью Bower. Щёлкните Ctrl/Cmd-Alt-B, а далее введите название пакета

  • Javascript & CSS CDN Suggestions — подсказки по JavaScript и CSS библиотекам, которые хостятся на CDN от Google, CDNJS и jsDelivr провайдеров

  • Lorem Picsum for Brackets — генерирует плейсхолдер изображения от lorempicsum.com, быстрые изображения от Futurama, The Simpsons, Rio, Finding Nemo и Up!

  • Markdown Preview — Live preview для маркдаун документов

  • SassHints — автозаполнение для SASS/SCSS переменных

  • SCSS Lint — добавляет SCSS проверку

  • Select Parent — быстрый выбор родительского блока для активного элемента с помощью Cmd/Ctrl-< и вернуться назад с помощью Cmd/Ctrl->

  • Unused Files — находит неиспользуемые файлы в ваших веб-проектах

  • Pagesuck - вытягивает содержимое по ссылке для дайнейшего редактирования

Источник мудрых знаний