Установка npm зависимостей
npm i
Запуск в режиме разработчика
npm run dev
├── .vscode/ # Настройки VSCode
│ ├── snippets # сниппеты
├── assets/ #
│ ├── fonts # шрифты
│ ├── img # папка для хранения картинок
│ │ ├── svg-sprite # специальная папка для преобразования svg в спрайт
├── dist/ # Собранный проект
├── config/ # Настройки сборщика
│ ├── gulp-tasks # Задачи gulp
│ └── accesses.js # Доступы к серверу
│ └── gulp-settings.js # Пути
│ └── gulp-plugins.js # Общие плагины
│ └── vite.config.dev.js # Vite конфиг для разработки
│ └── vite.config.build.js # Vite конфиг для сборки
├── src/ # Исходники
│ ├── js # Скрипты
│ │ ├── modules # Модули
│ │ └── main.js # Главный скрипт
│ ├── pug # Разметка
│ │ ├── blocks # общие блоки
│ │ ├── pages # страницы
│ │ │ └── index.pug # главная страница
│ │ ├── sections # секции страниц
│ ├── sass # Стили сайта
│ │ └── main.scss # Главный файл стилей
│ │ ├── base # базовые стили
│ │ │ ├── mixins # Миксины
│ │ │ ├── form # Стили форм (checkbox, input, ...)
│ │ │ └── _null.sass # Файл для обнуление стилей браузера
│ │ │ └── _fonts.sass # Файл для подключения шрифтов
│ │ │ └── _variables.sass # Файл для написания css- или sass-переменных
│ │ │ └── _mixins.sass # Файл для подключения миксинов из папки mixins
│ │ │ └── _form.sass # Файл для подключения стилей из папки form
│ │ │ └── _animations.sass # Файл анимаций
│ │ │ └── _common.sass # Файл общих стилей
│ │ ├── blocks # стили общих блоков
│ │ ├── pages # стили страниц
│ │ ├── sections # стили секций
└── gulpfile.js # Gulp
└── package.json # файл с настройками сборки и установленными пакетами
└── .editorconfig # файл с настройками форматирования кода
└── .ecrc # файл с настройками пакета editorconfig-checker (исключает ненужные папки)
└── README.md # документация сборки