Вопросы установки и подключения Vue.js

Как получить доступ к закрытым материалам сайта?

1 вариант

Доступ только к курсу "Вопросы установки и подключения Vue.js" на 1 год

Стоимость 500 руб.

2 вариант

1 мес. 1 год
1000 руб.* 3500 руб.* (-80%)

* - цена в других валютах уточняется отдельно

Ссылки для оплаты доступны после регистрации и входа на сайт.

Серия видео о том, как установить и настроить проект на фреймворке Vue.js для дальнейшей разработки. Установка через CDN и использование инструмента Vue CLI.

Способы создания Vue приложений

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

Разворачиваем Vue проект с помощью команды npm create. Сборка Vite.

Что такое Vue CLI

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

Установка Vue CLI

В этом материале рассмотрен процесс "установка vue cli", который начинается с перехода в документацию на официальном сайте. Вы узнаете, как использовать пакетные менеджеры npm или yarn для установки vue-cli глобально, чтобы команда vue всегда была доступна в любой командной строке вашего рабочего пространства. Подчеркивается важность использования новой версии модуля с префиксом @, так как старая версия устарела. В конце описано, как проверить успешность установки команды vue.

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


Разбираемся с базовыми файлами в сборке Vue

Проект Vue с помощью глобального объекта Vue

Как отключить определенные проверки правил Eslint в проекте vue-cli

Подключение Vue с помощью ES модулей

Работа с компонентами Vue без сборщика модулей


Как использовать Single File Component в проектах без системы сборки

Изменение символов для вывода данных из уровня данных

Переменные окружения в проекте на vue cli

Разворачиваем vue проект в docker в режиме разработки

Разворачиваем vue проект в docker для prod

Что еще добавить в этот курс? Каких уроков вам не хватило?

Автор: maihua 15/11/2024 07:11:05

и работу в RESTfull API?

Автор: Дмитрий Ченгаев 16/11/2024 01:11:14

Наверно, имеете ввиду взаимодействие со сторонними RESTful API.

Здесь вроде бы ничего сложного нет. Можно использовать любой клиентский http клиент для выполнения таких запросов. Например, axios.

Есть большой курс, как делать подобные запросы в Nuxt
https://webkyrs.info/category/rabota-s-server-api-v-nuxt

Nuxt - это обертка над Vue.

Есть вот такая статья
https://webkyrs.info/post/ispolzuem-axios-vo-vue-prilozheniiakh

Возможно, это поможет.

Автор: maihua 15/11/2024 07:11:52

а разворачивание с помощью Docker планируется?

Автор: Дмитрий Ченгаев 16/11/2024 12:11:50

Попробую что-нибудь придумать. Есть видео, как это сделать на Nuxt
https://webkyrs.info/page/razvorachivaem-nuxt-s-pomoshchiu-docker

Здесь, похоже, будет что-то подобное.