Все статьи | Блог студента

Ускоряем работу с Emmet

Эта статья написана нашим студентом. Мнение пользователей иногда может не совпадать с точкой зрения Хекслета
Ускоряем работу с Emmet главное изображение

Недавно завершила первый проект из курса «Верстальщик». Для ускорения верстки использовала бесплатный плагин для Sublime Text 3 Emmet. Сэкономила много времени благодаря этому инструменту. Работать с Emmet очень просто. Достаточно написать сокращение и нажать на кнопку Tab на клавиатуре.

Например, чтобы получить базовую разметку страницы HTML5, достаточно набрать «!» и нажать TAB. Вот такой результат вы получите:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    </body>
</html>

Согласитесь, удобно!

С помощью Emmet можно легко добавлять классы и идентификаторы элементам, делать элементы вложенными друг в друга и группировать их, проставлять автоматическую нумерацию, делать приставки для браузеров или работать с градиентами.

Также я бы хотела поделиться тренажером Emmet. С его помощью можно попрактиковаться и узнать подробнее о работе плагина.

Аватар пользователя Мария Мардеева
Мария Мардеева 28 января 2020
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
1 декабря 8 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
1 декабря 8 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
1 декабря 8 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
1 декабря 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Новый
Создает веб-приложения со скоростью света
1 декабря 5 месяцев