Подробное руководство, которое поможет вам начать работу
Введение
Меня вдохновило краткое и приятное руководство Шейна О’Салливана на написание подробного пошагового руководства по началу работы с Vue.js и Firebase. Наши руководства используют расширенные функции, направленные на то, чтобы быть готовыми к производству раньше, чем позже. Хотя вы, возможно, еще не все понимаете, вы будете поражены тем, как быстро вы сможете увидеть свое собственное размещенное веб-приложение, живое и бесплатное.
Шаг первый: настройте свой проект Firebase
Перейдите на https://console.firebase.google.com/ и добавьте новый проект. Запишите название проекта, которое вы выбрали, так как позже вам нужно будет узнать его из списка в настройках терминала.
Шаг второй: установка зависимостей и настройка
Начните с ввода следующих команд в терминал. Обязательно делайте это шаг за шагом, чтобы понять, что делает каждая команда. Примечание. Если npm еще не установлен, следуйте официальному руководству Как установить npm.
При запуске cat firebase
в терминале ваш файл firebase.json
должен выглядеть примерно так:
Шаг третий: сборка, развертывание, повторение
Теперь вы можете перейти к своему проекту, размещенному на Firebase (ваш URL-адрес будет выведен в Терминал). К счастью, демонстрационный контент содержит все ссылки, которые вам понадобятся, чтобы продолжить свое путешествие с Vue.
По мере разработки вы можете продолжить развертывание и просмотреть последнюю версию своего приложения, запустив:
npm run build
для создания вашего проектаfirebase deploy
, чтобы развернуть его в Firebase.
На всякий случай вот несколько ссылок на документацию, которые помогут вам продолжить:
- Vue.js — прогрессивный фреймворк JavaScript
- Firebase Docs — добавьте Firebase в свой проект JavaScript
Удачного кодирования!