Где то в ранних статьях я упоминал о текстовом редакторе Brackets. Сегодня хочу рассказать как я его настраиваю и какие плагины использую.
Каждый выбирает тот редактор кода который ему нравится или более удобен ну и руководствуясь своими какими то соображениями и предпочтениями.
В некоторых случаях приходится использовать старый добрый Notepad++, но это очень редко, как правило вполне достаточно функционала Breckets.
Итак перейдем к делу. Для начала скачиваем свежую версию программы с сайта разработчика brackets.io, в зависимости от вашей операционной системы и ее разрядности.
После установки первым делом идем в меню Вид — Themes меняем шрифт на более приятный (на мой взгляд) на Verdana, ‘MS Gothiic’, monospace, размер я ставлю 14px.
Устанавливаем темную тему оформления, из менеджера расширений — SITEZ Dark/Neon theme
Ставим плагины в 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 – идет по умолчанию и включить ее можно нажав на значок молнии с правой стороны.
Пишите в комментариях кто какими плагинами пользуется или какой предпочитаетe редактор кода.
Подробное описание установки редактора в Debian 10.
Всем Удачи!
