Создание веб-приложения на Vue.js — Настройка Vue-cli шаблон webpack — PUG / STYLUS

Автор Zhanna Belchenko
Создание веб-приложения на Vue.js — Настройка Vue-cli шаблон webpack — PUG / STYLUS

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

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

Гугл пишем её силой об открытии ссылки переходим на репозиторий гитхаб.

Где находится веселое нужно перейти в ветку мастер по умолчанию идет в отходы переходник с помощью и здесь описан процесс установки для этого нужно скачать node.js устанавливаем рекомендовано версию и дальше паука по окончанию установки терминале убиваем. Ну и флаг в котором кажется текущая версия то есть версия будет 812 и. Какая версия будет на момент дальше нужно будет. Андреем то есть сам пакетный менеджер тоже самое он должен установиться вместе снова и версия будет либо такая же либо выше после чего устанавливаем глобальную силой. Мне нужно будет прописать также я по привычке, но сразу же после установки нужно будет перейти в папку с пробниками здесь я просто на мойке перетаскиваю проект. АПС Projects перехожу папку. Спрайт то есть здесь — это другие проекты здесь вас будет папка с проектом лежать для этого делаем здесь он нам в описании указывает то, что первым аргументом должен идти теплоход вторым название проекта. название проекта также будет аналогично аналогично папка для примера он пишет и название проектами Project также из официальных template webpack pug Simple и далее статичного html-файла. Нам нужно будет виппак. Поэтому так и пишем 2Pac и название проекта у меня будет фильм дальше у нас описание проекта первоначального спрашивает название проекта description меня устраивает тоже выбираем роутер. Нам нужен будет если — это он отвечает за стилистику кода чтобы всё наше приложение было написано в одном стиле тут. Спрашивай если нужен нам нужен стандартный теста нужны. Используйте будем. Ефремов как только проект скончался он в принципе сам пишет, что нужно сделать. Нам нужно перейти в фильме и дальше перед тем как запустить npm Run нам нужно принести визировать проекта дальше уже можно запускать npm Run Dev добрался не доступен по адресу localhost 8080 копируем здесь нас встречает стартовая страница в. ЮГС также создалась папка finnlamelli и теперь я буду работать с восходом сейчас у меня запустится я просто прикинусь удалить папку консоли вы блин точно также запущу консоль здесь в виду тоже самое команду am rande. Так здесь у нас есть такой. Джейсон друзья. Напиши пожалуйста комментариях. Хорошо ли виден данный шарик или сделать его наоборот ещё побольше так пакет. Джейсон у нас идёт. Всё указали в начале проекта на версия дескрипшн авто на сутки ручки то есть точнее команда команда DF которая поднимает на сервере запускают в режиме разработчика армандастар который идёт на юрловском команда которая проверяет как раз таки на общую стилистику и команда Build который собирает наш проект. Далида где у нас тут зависимости сейчас у нас заменить зависимости — это всё текущий урл так далее. Это наше рабочее окружение. Папочка Build Apache config здесь у нас идут настройки Wi пока магнит лазить не будем ничего устраивать не будет у нас устраивает стандартный 2Pac мне что-то меня не будем далее идут в настройки роутера компонента поликлиника где мы импортируем библиотеку импортируем роутера импортируем. Наша компания hello-world и также настройка роутера на самом деле роутер нам не нужен. Пока, что в следующем уроке настроем также ой точнее он тоже не нужен из компонентов. Можно также удалить сейчас удалю вот здесь точно так же всё удаляю оставим только лишь H1 и напишем дасе голову роутер тоже с тиграном тоже нужны посмотрим, что у вас получилось наш подготовка настройки. И сейчас я предлагаю процессора для стилей я буду использовать при процесса Styles. Если вы будете использовать какой-то другой процессор — это просто название и соответственно в пакетах. Когда мы будем устанавливать поставила сторонники название с например, а для HTML я буду использовать шаблонизатор pug он же раньше назывался. Джей потом его переименовали в парк я более подробно остановлюсь чуть попозже. Объясню почему именно объясняю, что именно будем мы от него использовать она осталась мне просто больше нравится вали лаконичное более красивой. Если вы будете использовать что-то другое. Я всё-таки рекомендую в этом конкурсе. Просто попробовать ставилась поскольку мы ещё будем использовать некоторые библиотеки который будет так или иначе связана составила если мы сейчас-то всё сохраним там будет куча ошибок потому, что он не понимает, что вообще, что мы делаем поскольку данных пакетов нету поэтому нужно всё — это оставить дела и далее пишем. Дарья Рыбак по кладр это.

0 комментариев
0

Читайте также