DE Snippets
VS Code расширение для быстрой сборки HTML-страниц на Bootstrap 5 — заточено под демонстрационный экзамен по специальности 09.02.07 (Информационные системы и программирование).
Генерирует целые сайты, отдельные страницы и настраиваемые Bootstrap-блоки полностью офлайн — Bootstrap 5.3 бандлится прямо в расширение, интернет не нужен.
Возможности
- Создать сайт — 4 готовых шаблона: 🛒 Магазин, 📅 Бронирование, 🔧 Сервисный сайт, 🎓 Образование (7–9 связанных страниц сразу).
- Создать страницу — 11 типов: главная, каталог, карточка товара, корзина, оформление заказа, бронирование, заявка, вход, регистрация, профиль, админ-панель.
- Вставить блок — 15 Bootstrap-блоков (навбар, hero, слайдер, сетка карточек, фильтры, формы, таблицы, modal, пагинация, футер) с настройкой опций через чекбоксы.
- Редактировать блок — менять опции уже вставленного блока прямо в файле (по маркерам или по структуре).
- Создать БД + PHP — рабочий бэкенд под тему:
schema.sql (5 таблиц) для импорта в phpMyAdmin, PDO-подключение, страницы регистрации/входа/заявок/админ-панели с валидацией и сессиями, ER-диаграмма.
- Русские комментарии над каждым блоком, адаптивная вёрстка под 390×844 и
styles.css с аккуратными анимациями.
Использование
- Открыть папку проекта в VS Code.
- В HTML-файле нажать последовательно
Z → X.
- Выбрать действие из меню и следовать подсказкам.
При первом создании сайта/страницы в рабочую папку копируются bootstrap/ и styles.css.
Установка
Из Marketplace: найдите «DE Snippets» в панели Extensions (Ctrl+Shift+X) и нажмите Install.
Вручную из VSIX: Extensions → ··· → Install from VSIX… → выберите de-snippets-<версия>.vsix.
Лицензия
Распространяется по лицензии MIT.
| |
