Редактор кода Brackets: ТОП-3 плагина, которые нужно установить, чтобы начать работать

Если ты встал на скользкую дорожку веб-разработки, то стартом твоей карьеры будет покупка большой упаковки кофе и установка редактора кода. Первую проблему, мы уверены, ты решишь самостоятельно, а со второй попробуем помочь. Многие в качестве редактора выбирают именно Brackets от компании Adobe, который, вполне заслужено, считается одним из лучших инструментов для редактирования кода. А еще это бесплатно!

Вебдев, как ты понимаешь, не заканчивается написанием кода и версткой шаблонов — это только вершина айсберга. Для полноценного сайта необходим полный спектр работ по продвижению, айдентике, контексту. Посмотри на спектр услуг казахстанской диджитал студии Globalm — именно так должен создаваться проект с нуля. Комплексный подход обеспечивает целостность сайта от и до: общий концепт, программирование, брендинг, проверка работы в тестовой среде, деплой в продакшн и последующее сопровождение.

ТОП-3 расширений для Brackets

В данном редакторе реализовано огромное количество плагинов, чтобы облегчить процесс написания кода. Мы выбрали три самых-самых необходимых для новичков. Чтобы установить что-либо в Brackets нужно нажать на менеджер расширений в правом верхнем углу

Далее в поисковой строке набираем нужные нам расширения. А нужны нам следующие:

Расширение beautify

Приводит говнокод в приличный вид. Выравнивает элементы, тэги, проводит автоматическое «причёсывание» кода. Редактировать можно через горячие клавиши CTRL+SHIFT+L, либо через меню «Правка» -> «beautify». Для примера:

Расширение autosave

Позволяет не парится насчет постоянных CTRL+S (сохранение). Ведь в суматохе и забыть можно, да и от зависания операционной системы никто не застрахован. Чтобы не потерять наработки, плагин будет автосейвить твой прогресс, а ты больше не будешь нервничать.

Расширение emmet

Одним махом (если точнее, то хоткеями: сначала «!» , а затем нажать TAB) создает тебе в новом файле «скелет» HTML-файла, чтобы каждый раз не прописывать одно и тоже в каждом новом файле. Естественно, это не все возможности плагина. Важно! Некоторые функции (в т.ч. которая описана выше) будет работать, только после того, как вы сохраните редактируемый файл в формате HTML (т.е. создали новый и сразу сохранили). Пример того, как работает !+TAB:

Как вам статья?