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

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

По ходу курса мы уже будем взаимодействовать с готовыми компонентами и изучать их работу. Поэтому, прежде чем двигаться дальше, мы должны понимать, что такое компоненты Vue.

Для начала, посмотрите видео о том, что такое Vue компоненты:

https://webkyrs.info/page/chto-takoe-komponenti-vuejs

Далее нужно понять, как эти компоненты могут создаваться:

https://webkyrs.info/page/sposobi-sozdaniya-vue-komponentov

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

Знакомимся с возможными способами, как можно развернуть Vue приложение:

https://webkyrs.info/page/sposobi-sozdaniya-vue-prilozhenii

В курсе большинство примеров будет демонстрироваться на основе проекта Vue, который собран с помощью системы сборки.

Вы можете выбрать удобный способ сборки для себя.

1 вариант. Использовать сборку на основе сборщика модулей Vite и команды npm create.

https://webkyrs.info/page/razvorachivaem-vue-proekt-s-pomoschyu-komandi-npm-create-sborka-vite

2 вариант. Использовать сборку на основе утилиты vue-cli и сборщика модулей Webpack

Для этого есть следующая серия видео.

Что такое vue-cli

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

Установка vue-cli

https://webkyrs.info/page/ustanovka-vue-cli

Как развернуть проект с помощью Vue CLI

https://webkyrs.info/page/kak-razvernut-proekt-s-pomoshchiu-vue-cli

Чаще всего работа с Vue компонентами происходит в Single File Component файлами. Поэтому важно также разобраться и с этим понятием

https://webkyrs.info/page/chto-takoe-sfc-single-file-component-vue-mehanizm-podklyucheniya

Оба варианта допустимы и их можно использовать. Выбирайте то, что вам более подходит.

После того, как вы развернете проект с помощью системы сборки, посмотрите видео об основных файлах сборки:

https://webkyrs.info/page/razbiraemsya-s-bazovimi-failami-v-sborke-vue

Надеюсь, что вы успешно осилили всю эту серию видео и мы, наконец, можем приступить к изучению основ работы с фреймворком Vue.js. Жмите далее, чтобы перейти к следующей части.