Создайте новый репозиторий у себя в профиле

• Клонируете репозиторий, сборку и переносите к себе в проект.
• Начинаете работать.
• Не бойтесь удалять и редактировать код, главное, чтобы соблюдалась структура проекта.

Установить pnpm

npm i pnpm -g

Установить зависимости

pnpm i

Запустить сборку

pnpm run dev

Собрать билд

pnpm run build

Посмотреть билд

pnpm run preview

Оптимизировать векторные изображения

pnpm run sprite

Оптимизировать растровые изображения

• pnpm run optimize:img
• папка original_images содержит в себе оригинальные картинки, далее они попадают в папку public/assets/images, скрипт по оптимизации находится в файле sharp.js

Задеплоить на гитхаб pages

pnpm run build если не делали

Зайдите в файл vite.config.js

• Измените название своего репозитория
• pnpm run deploy

Папка public

• содержит в себе статические файлы: картинки в папке assets, стили, шрифты и прочее.

Папка src в ней ведется основная работа

• папка js для работы с javascript
• папка pages здесь страницы если нужны для html
• папка styles для написания scss

main.js

• файл где подключается js и scss

index.html

• главная страница