Vue Firebase setup

Si examinas el código de inicio (accesible en la lección anterior) verás que es poco más que una instalación de VueCLI con algunos ajustes para eliminar componentes y recursos que no necesitamos.
Aunque no soy muy fan de los frameworks CSS, sí que lo soy de Bulma, por su sencillez y modularidad. Si nunca lo has utilizado no te preocupes, te explicaré lo esencial a medida que lo vayamos utilizando.
He instalado Bulma a través de su módulo de Node, importado a través nuestro propio documento SASS y luego requerido en main.js. Desde aquí lo tenemos disponible de forma global.
Ahora tenemos que añadir Firebase a nuestro proyecto Vue. Lo primero es debes hacer es acceder a la consola de Firebase con tu cuenta Google, para crear un proyecto, tal como se indica en la documentación
Ahora, tenemos que añadir el SDK JavaScript de Firebase a nuestro proyecto, a través de NPM con npm install --save firebase.
Una vez listo crearemos firebase.js para inicializar sólo lo que nos interesa (generando un bundle más pequeño). En nuestro caso y en este momento será Firestore, Auth y Storage, utilizando los datos de configuración de nuestro proyecto.
Para comprobar que todo funciona, vamos a hacer una prueba requiriendo firebase.js desde nuestro punto de entrada main.js.
Ya tenemos Firebase listo para utilizar 🔥.

El primer headless CMS tanto para desarrolladores como para marketers. Pruébalo gratis.

Resuelve todas tus dudas sobre Firebase en la Comunidad de Escuela Vue: un lugar donde participar, aprender y ayudar. ¡Te esperamos!.

Tras el registro (si no lo has hecho ya) serás redirigido/a al canal adecuado en la Comunidad.

Twitter: Sigue el día a día y todo lo relacionado con Escuela Vue a través de su cuenta de Twitter.
Discord: En la Comunidad de Escuela Vue podrás solucionar tus dudas y ayudar a otras personas como tú a solucionar las suyas.

Recibe novedades en tu 📬