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

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

РубрикаСложность материалаЛЁГКАЯВремя на чтение6 минут

Ingredients

Directions

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

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

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

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

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

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

Расширение beautify

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

Расширение autosave

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

Расширение emmet

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