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