Бесплатный редактор Brackets –  плагины и настройки

Бесплатный редактор Brackets –  плагины и настройки

Всем привет! Продолжаем ознакомление с замечательным бесплатным редактором Brackets. Сегодня я вам расскажу, на что способно приложение. И хотя его позиционируют как текстовый редактор, он напоминает полноценную IDE. Что же вы получите, установив программу? Об этом я вам сейчас и расскажу.

Скачать

Итак, Brackets – плагины, настройки, горячие клавиши. Напомню, что скачать редактор можно бесплатно. Пользоваться им вы сможете только в Гугл Хром. Установив приложение, вы получаете при внесении изменений колов: отображение кириллического текста, подсветку синтаксиса, подсказки при редактировании HTML, JS, CSS-файлов.

Что же помогает превращать редактор в мощнейший комбайн для веб-разработки? Большое количество плагинов. Неоспоримое преимущество – приложение на русском и очень простое в использовании даже для новичков. Не буду описывать все возможности, их немало. Расскажу о самых главных, которые наиболее интересные и полезные. Поверьте, удивиться есть чему. Скачивайте и начинайте изучать!

Плюсы программы Brackets

Сначала я расскажу об основных фишках приложения, затем перейдем к остальному.

Live Preview – интерактивный (живой) просмотр. Это позволит вам видеть изменения на сайте, когда происходит верстка страницы. Именно здесь открывается сайт и видны изменения.

Brackets скачать на компьютер

Многие скажут: «Что тут особенного, это есть и в Sublime Tex». Да, но в Brackets все намного проще, не потребуется выполнять непростой «танец с бубном». Тут вы просто нажимаете кнопочку, вуаля, готово.

Живой просмотр на данный момент работает в CSS, HTML-файлах. Придется сохраниться при редактировании javascript.

Brackets — Обзор редактора

Inline editorsбыстрое редактирование

Brackets скачать на компьютер

Невероятно удобная функция. Вы сможете править непосредственно из HTML-документа JS или CSS. При этом не надо переключаться между файлами. Работать комфортно при минимальной затрате времени. Все делается из одного файла. Набираете нужные теги, нажимаете CMDCTRL+E. Откроется окно, в которое вводятся стили для селектора. Здесь можно совершать переключения между файлами, заводить новые стили или редактировать уже имеющиеся.

Быстрый просмотр

Brackets скачать на компьютер

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

Быстрые подсказки

Brackets скачать на компьютер

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

Лучшие плагины Brackets и расширения

Всего перечислять не буду, расскажу о наилучших. Итак, Brackets Emmet.

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

Расширение Extract for Brackets (Preview)

Brackets скачать на компьютер

Позволит выполнять верстку непосредственно из PSD макета. Вам не понадобится больше Photoshop. Невероятно полезно!

Response for Brackets

Brackets скачать на компьютер

Тут вы сможете брать адаптивность сайта из окна приложения, то есть у вас есть адаптивный дизайн. При включении Brackets создаст отдельный файл стилей, где будут записываться любые изменения. Окончив работу, просто подключаете его к файлам сайта.

Brackets – глюки и баги программы

 Ничего идеального не бывает. Есть недостатки и у этого редактора. Мои вам советы.

  1. Не ставьте одновременно несколько плагинов, тогда и глюков не будет. Поставили один, погоняли, ставите следующий.
  2. Установи приложение, вы увидите «страшненький» шрифт. Просто поменяйте шрифт и все исправится.
  3. Некоторые жалуются, что программа не работает, когда поставлена на системный диск. Исправить это можно так: установив Nodejs, поставив приложение не на системный диск, попробовав совершить запуск от имени администратора.

Вот то, что мне особенно понравилось в Brackets. Хочется знать, а какие вы нашли плагины, мешающие работать или, наоборот, крутые. Пишите об этом в комментариях. Жду ваших отзывов и обсуждения.

Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: