Подробное руководство, которое поможет вам начать работу

Введение

Меня вдохновило краткое и приятное руководство Шейна О’Салливана на написание подробного пошагового руководства по началу работы с Vue.js и Firebase. Наши руководства используют расширенные функции, направленные на то, чтобы быть готовыми к производству раньше, чем позже. Хотя вы, возможно, еще не все понимаете, вы будете поражены тем, как быстро вы сможете увидеть свое собственное размещенное веб-приложение, живое и бесплатное.

Шаг первый: настройте свой проект Firebase

Перейдите на https://console.firebase.google.com/ и добавьте новый проект. Запишите название проекта, которое вы выбрали, так как позже вам нужно будет узнать его из списка в настройках терминала.

Шаг второй: установка зависимостей и настройка

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

При запуске cat firebase в терминале ваш файл firebase.json должен выглядеть примерно так:

Шаг третий: сборка, развертывание, повторение

Теперь вы можете перейти к своему проекту, размещенному на Firebase (ваш URL-адрес будет выведен в Терминал). К счастью, демонстрационный контент содержит все ссылки, которые вам понадобятся, чтобы продолжить свое путешествие с Vue.

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

  • npm run build для создания вашего проекта
  • firebase deploy, чтобы развернуть его в Firebase.

На всякий случай вот несколько ссылок на документацию, которые помогут вам продолжить:

Удачного кодирования!