Расширения для Brackets

Недавно я начал использовать 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 - вытягивает содержимое по ссылке для дайнейшего редактирования

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