Расширение для Visual Studio Code, которое предоставляет набор готовых структурных блоков на основе Bootstrap 5. Позволяет быстро создавать каркасы веб-страниц с типовыми элементами интерфейса.

Особенности

Мгновенная вставка адаптивных макетов с подключенным Bootstrap 5.
Все необходимые компоненты уже размещены: навигационная панель, карточки, формы, таблицы, уведомления.
Используется локальное хранилище браузера для имитации работы с данными.
Код соответствует современным стандартам и легко дорабатывается под любые задачи.

Использование

Установите расширение.
В новом HTML-файле введите ключевое слово-триггер (например, page-structure).
Выберите подходящий вариант из выпадающего списка.
Нажмите Tab – готовый код появится в редакторе.

Подсказка: вы можете комбинировать несколько блоков на одной странице.

Требования

VS Code версии 1.70+.
Браузер с поддержкой ES6 (для работы localStorage).

Настройки

Расширение не требует дополнительной настройки. Все вставки используют стандартную тему Bootstrap, которую можно переопределить собственными стилями.

Известные ограничения

Шаблоны рассчитаны на статические HTML-файлы. Для серверных шаблонизаторов потребуется адаптация.
В демонстрационных целях вместо изображений используются символы-эмодзи – их легко заменить на теги <img>.