propk.ru

Brackets — мой текстовый редактор .

Где то в ранних статьях я упоминал о текстовом редакторе Brackets. Сегодня хочу рассказать как я его настраиваю и какие плагины использую.

Каждый выбирает тот редактор кода который ему нравится или более удобен ну и руководствуясь своими какими то соображениями и предпочтениями.

В некоторых случаях приходится использовать старый добрый Notepad++, но это очень редко, как правило вполне достаточно функционала Breckets.

Итак перейдем к делу. Для начала скачиваем свежую версию программы с сайта разработчика brackets.io, в зависимости от вашей операционной системы и ее разрядности.

После установки первым делом идем в меню Вид — Themes меняем шрифт на более приятный (на мой взгляд) на Verdana, ‘MS Gothiic’, monospace, размер я ставлю 14px.

Устанавливаем темную тему оформления, из менеджера расширений — SITEZ Dark/Neon theme

Brackets

Ставим плагины в Brackets:

Brackets - установка плагинов

Indent Guides – помогает ориентироваться во вложенности кода.

Special Html Characters – справочник специальных символов, для использования используем комбинацию клавиш Alt+C

Brackets Css Color Preview – показывает на полях слева какие цвета используются, для его включения в меню Вид его необходимо включить, Enable — Css Color Preview

ColorHints – позволяет быстро выбрать уже использованный ранее цвет, по нажатии # — предлагает варианты использованные ранее.

Brackets Color Palette – плагин позволяет выбрать цвет с картинки открытой в редакторе.

Emmet – ускоряет нашу работу в написании кода.

CssFier – плагин позволяющий после написания html кода, скопировав его и вставив в css файл — вставить туда только все классы использованные в написании этого кода.

Minifier – сжимает код Css и Html, для использования применяют горячие клавиши Clrt + m, или в меню правка — minifier

Jsbeautifier – обратный плагин, приводит к читаемому виду сжатый код файла.

Быстрая документация, подсказка — ставим курсор на функцию и нажимаем сочетание клавиш ctrl+k.

Очень удобна функция Live Preview – если у вас установлен браузер Google hrome то в реальном времени можете наблюдать все изменения при внесении правки в код.

Функция Live Preview – идет по умолчанию и включить ее можно нажав на значок молнии с правой стороны.

brackets - Live Preview

Пишите в комментариях кто какими плагинами пользуется или какой предпочитаетe редактор кода.

Всем Удачи!

avatar
  Подписаться  
Уведомление о