Перейти к содержанию

Создание проекта

Использовать будем Vue.js 3 с Composition API, Vuetify, Vue Router и Pinia.

Создадим проект с помощью Vite, используя команду, предложенную в документации Vuetify:

npm create vuetify

В диалоге выберем пресет Essential, в который входит и Vuetify, и Vue Router, и Pinia.

Полученная структура проекта уже достаточно неплоха, но для удобства немного изменим её:

  • создадим директорию /helpers;
  • перенесём роутер из директории /router туда;
  • избавимся от функции registerPlugins и зарегистрируем плагины напрямую в main.js

В корне проекта создадим .env файл, в котором создадим переменную VITE_API_URL с адресом на наш бэкенд для удобного использования. В дальнейшем мы сможем импортировать его с помощью ${import.meta.env.VITE_API_URL}.