Пишем приложение на 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 Заключение

Официальный сайт Vue — https://vuejs.org/
Сайт Element Plus — https://element-plus.org/en-US/