Brackets. Необходимые плагины

Сегодня рассмотрим одну из программ, которую мы будем использовать для работы с версткой страниц – это Brackets. Скачать и установить программу можно с официального сайта по адресу brackets.io. В самой установке нет ничего сложного, а вот настройка для удобной работы займет у вас 5 минут.

Устанавливаем плагины в Brackets

Установка плагинов – это просто как дважды два. Запускаем Brackets, ищем панель в левой части и выбираем кнопку «Менеджер расширений».

Кнопка менеджер расширений в Brackets

В первый запуск программа инициализирует расширения, обновляя их базу. В менеджере расширений Brackets есть три вкладки: Доступные, Themes, Установленные. Соответственно нас интересуем вкладка Доступные.

Доступные расширения в  Brackets

В поле поиска вводим имя плагина, выбираем плагин и нажимаем «Установить». После установки всех плагинов – желательно перезагрузить программу.

Вводите имя расширения и нажимаете кнопку установить

Приведу ниже список плагинов, которые нам понадобятся:

  • Emmet – плагин, который позволяет значительно ускорить написание кода html и css используя сокращения и аббревиатуры. Так, если вы хотите, чтобы знак восклицания (!) после нажатия клавиши tab превращался в полноценную html страницу то этот плагин вам необходим. Также позволяет оборачивать текст тегами HTML.
  • Tabs — Custom Working – плагин, который добавляет красивые вкладки в Brackets. Помечает несохраненные файлы с помощью зеленых кружков. Основное назначение плагина – сделать работу более наглядной.
  • Overscroll – плагин, который позволяет прокручивать код до конца страницы и даже делать прокрутку пустой области.
  • Code Font – в современных версиях Brackets позволяет менять шрифт кода. В старых версиях – просто необходим, поскольку программа очень некрасиво отображала русский шрифт.
  • Brackets Additional Right Click Menu – добавляет в контекстное меню много удобных «плюшек» — например пункты «Скопировать» и «Вставить».
  • Autosave Files on Window Blur – плагин автоматического сохранения открытых файлов в тот момент, когда окно программы теряет фокус (например, если вы переключились на браузер).

Напоминаю, что после установки плагинов перезагрузите Brackets.

Также смотрите наше видео по установке плагинов в Brackets.

Brackets. Необходимые плагины: 2 комментария

  1. Иван

    Здравствуйте! не знал куда написать, написал сюда. Подскажите, какой плагин для иконок используется как на изображении к этой статье?

Добавить комментарий для Иван Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *