Лабораторная работа по VUE js №3 Лабораторная работа №3 Vue CLI CLI (@vue/cli) — это npm-пакет, устанавливаемый глобально и предоставляющий команду vue в терминале. Сервис CLI Сервис CLI (@vue/cli-service) — это зависимость для разработки. Сервис CLI построен на основе webpack и webpack-dev-server Ядро сервиса, которое загружает другие плагины для CLI; Внутреннюю конфигурацию webpack, оптимизированную для большинства приложений; Бинарный файл vue-cli-service внутри проекта, который позволяет использовать команды serve, build и inspect. Плагины для CLI Плагины для CLI — это npm-пакеты, которые предоставляют дополнительные возможности для ваших проектов, создаваемых через Vue CLI, такие как • транспиляция Babel / TypeScript, • интеграция ESLint • модульное тестирование • E2E-тестирование.
Установка Vue CLI Требования к версии Node Vue CLI 4.x требуется Node.js версии 8.9 или выше (рекомендуется v10+). Для установки нового пакета используйте одну из следующих команд
npm install -g @vue/cli Для проверки vue –version
Создание проекта Vue CLI Создание проекта vue create <Имя проекта>
Пример
Руководство Vue CLI https://cli.vuejs.org/ru/guide/
Задание 1 Разработать приложение с помощью vue cli (версия 3). Вариант (см. таблицу ниже) Варианты
- «Кинотеатр» с возможностью фильтрации и сортировки по цене билета, году выпуска, жанру, рейтингу.
- «Книжный магазин» с возможностью фильтрации и сортировки по цене, жанру, популярности, наличие на складе.
- «Магазин оргтехники» с возможностью фильтрации и сортировки по цене, жанру, типу товара(компьютеры, бытовая техника, моб. устройства и т.п.), производителю, наличие на складе.
- «Пиццерия» с возможностью фильтрации и сортировки по цене, размеру (диаметр), популярности, для вегетарианцев.
Товар (книга, фильм) должен отображаться на квадратной карточке. Каждая карточка содержит наименование товара (фильма, книги), фото, описание, цену, наличие на складе (в случае товаров), рейтинг. Для каждого товара должна быть возможность оставить отзыв. Объекты товар (книга, фильм) хранятся в виде объектов в массивах. Отзывы следует хранить в тех же объектах. Объекты создать самостоятельно на основе данных из интернета не менее 15 объектов. Для оформления приложения можно использовать библиотеку bootstrap.
№ Фамилия Имя Номер варианта 1 Алюков Рамиль 1 2 Ашкрумова Ильдарина 2 3 Валитов Радик 3 4 Вахитов Тагир 4 5 Искаков Ильгам 1 6 Каранинский Михаил 2 7 Киреев Артем 3 8 Кузьмина Маргарита 4 9 Лукин Олег 1 10 Новгородов Дмитрий 2 11 Патутин Денис 3 12 Сафин Динис 4 13 Сафина Аделина (ст) 1 14 Селиванов Дмитрий 2 15 Фахрутдинов Тимур 3 16 Фархутдинов Джамиль 4 17 Хазиахметов Рустем 1 18 Хисамов Эрик 2 19 Яковлева Валентина 3 20 Якушин Тимур 4 21 Вакилова Диана 1 22 Дамбаева Саяна 2 23 Ильясов Айтуган 3 24 Имаев Азат 4 25 Набиев Ильмир 1 26 Насыров Ильяс 2 27 Прусихин Никита 3 28 Салихов Айгиз 4 29 Смирнова Анна 1 30 Усманов Наиль 2