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

Для начала включи компьютер: без него писать код будет проблематично. Остальной текст уже не так полезен, но тоже пригодится

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

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

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

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

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

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

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

Расширение beautify

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

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

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

Расширение autosave

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

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

Читайте также:  Преимущества автоматизации: что она дает современному бизнесу

Расширение emmet

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

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

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

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

Рейтинг
( Пока оценок нет )
Диджитал на минималках