Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 1. Фронтенд-разработка админки рецептов

Учимся работать с Vue 3, Vue Router и Pinia — создаем пустое приложение панель администратора, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд для админки и делаем верстку с помощью фреймворка Element Plus. Подключаем API, получаем с сервера данные и расставляем в верстку. Содержание 00:00:00 Вступление 00:00:12 Смотрим макет 00:02:31 Создаем пустой проект на Vue 3 00:04:28 Чистим проект от лишнего и настраиваем под себя 00:09:49 Подключаем библиотеку элементов Element Plus 00:11:30 Создаем и подключаем компонент с общим шаблоном для всех страниц 00:14:20 Пишем общие стили для всех страниц на SASS 00:15:43 Создаем переменные цветов 00:16:53 Подключаем шаблон к главной странице 00:17:26 Создаем меню сайдбар 00:19:30 Подключаем иконки из библиотеки Element Plus 00:20:49 Создаем боковое меню на основе el-menu из Element Plus 00:27:17 Используем слоты в шаблоне страницы 00:30:36 Начинаем создавать компонент кнопки 00:32:33 Стилизуем шапку админки 00:34:52 Заключение