Давайте начнем работу над возможностью добавления аутентификации для какого-то проекта Vue. И начнем мы с чистого листа и создадим новый проект и будем в следующих видео его расширять, добавлять туда новый функционал и посмотрим, как это все настраивается.

Для начала я создал обычную пустую папку, в которую можно перейти и создать в ней новый Vue проект. Я буду создавать этот проект с помощью утилиты Vue-cli. Вы же можете либо вручную настраивать через вебпак или использовать какие-то другие инструменты для этого. Главное, чтобы у вас был развернутый проект Vue. 

Давайте начнем и я выполню команду для создания нового проекта

vue create test

Тестовый проект, с которым мы будем эксперементировать.

У нас появляется диалоговое окно, где мы должны указать тот тип проекта, который мы будем создавать. Я установлю проект на Vue 3 по дефолтным значениям.

Развернулся новый проект, написанный на фреймворке Vue. У нас есть главный файл main.js, в котором подключается компонент app.vue. Давайте уберем всю лишнюю разметку в компоненте HeloWorld.vue.

Давайте на этот остановимся. Такой проект мы развернули и в следующих видео мы приступим к созданию компонентов для будущих страниц, с помощью которых мы можем по нашему приложению перемещаться.