Видео актуально для Symfony 7

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

Для фронтенд скриптов, как правило, я создаю папку assets в корневой папке Symfony проекта. Но, хранить файлы в этой папке не обязательное условие. Вы можете использовать и другую структуру. 

Теперь нам нужно развернуть сам Vue проект. Для этого переходим

cd assets

и выполняем команду 

vue create main

Это команда будет доступна в том случае, если в вашей операционной системе установлена утилита vue-cli.

Подробнее об этой утилите, можно посмотреть здесь:

https://webkyrs.info/page/chto-takoe-vue-cli

В одном Symfony проекте я использую один Vue фреймворк, который будет применяться для множества страниц, которые будут находиться в моем проекте. 

Выбираем для установки Vue 3 с базовыми настройками. 

Теперь у нас в папке assets появилась новая папка main, в которой находиться наш vue проект.

Теперь можно перейти в эту папку

cd main

и запустить наш проект. Но, пока наш Vue проект не имеет связи с нашим Symfony проектом. О том, как эту связь можно организовать и настроить мы посмотрим в следующих видео.