Если ты встал на скользкую дорожку веб-разработки, то стартом твоей карьеры будет покупка большой упаковки кофе и установка редактора кода. Первую проблему, мы уверены, ты решишь самостоятельно, а со второй попробуем помочь. Многие в качестве редактора выбирают именно Brackets от компании Adobe, который, вполне заслужено, считается одним из лучших инструментов для редактирования кода. А еще это бесплатно!
Вебдев, как ты понимаешь, не заканчивается написанием кода и версткой шаблонов — это только вершина айсберга. Для полноценного сайта необходим полный спектр работ по продвижению, айдентике, контексту. Посмотри на спектр услуг казахстанской диджитал студии Globalm — именно так должен создаваться проект с нуля. Комплексный подход обеспечивает целостность сайта от и до: общий концепт, программирование, брендинг, проверка работы в тестовой среде, деплой в продакшн и последующее сопровождение.
ТОП-3 расширений для Brackets
В данном редакторе реализовано огромное количество плагинов, чтобы облегчить процесс написания кода. Мы выбрали три самых-самых необходимых для новичков. Чтобы установить что-либо в Brackets нужно нажать на менеджер расширений в правом верхнем углу
Далее в поисковой строке набираем нужные нам расширения. А нужны нам следующие:
Расширение beautify
Приводит говнокод в приличный вид. Выравнивает элементы, тэги, проводит автоматическое «причёсывание» кода. Редактировать можно через горячие клавиши CTRL+SHIFT+L, либо через меню «Правка» -> «beautify». Для примера:
Расширение autosave
Позволяет не парится насчет постоянных CTRL+S (сохранение). Ведь в суматохе и забыть можно, да и от зависания операционной системы никто не застрахован. Чтобы не потерять наработки, плагин будет автосейвить твой прогресс, а ты больше не будешь нервничать.
Расширение emmet
Одним махом (если точнее, то хоткеями: сначала «!» , а затем нажать TAB) создает тебе в новом файле «скелет» HTML-файла, чтобы каждый раз не прописывать одно и тоже в каждом новом файле. Естественно, это не все возможности плагина. Важно! Некоторые функции (в т.ч. которая описана выше) будет работать, только после того, как вы сохраните редактируемый файл в формате HTML (т.е. создали новый и сразу сохранили). Пример того, как работает !+TAB:
Как вам статья?
