Desenvolvendo uma Aplicação com PWA & Vue.js

Repositório responsável por código de uma aplicação de PWA com Vue.js.

Recursos Utilizados: 📣

• Visual Studio Code
• Vue.Js;
• Conceitos de vue-router;
• ES 5/6;
• Conceitos de Service Worker;
• Conceitos de Web Push Notification;
• Firebase

Executando Código Localmente: 💡

Caso queira testar a aplicação de maneira local basta seguir os passos abaixo:

Começando: 🏃

Para começar, você deve clonar o repositório do projeto na sua máquina e instalar as dependências usando o comando:

> cd vue-pwa-app 
> npm install

Ao digitar a instrução acima, automaticamente ele irá baixar todas as dependências listadas e definidas no arquivo package.json:

• node_modules - que contêm os packages do npm que precisará para o projeto.

Pré-Requisitos de Instalação: 👀

Antes de instalar as dependências no projeto, você precisa já ter instalado na sua máquina:

• Node.Js: Caso não tenha, basta realizar o download Aqui

Instalando as Dependências (via Windows):

Abre o cmd (caso esteja utilizando o Windows) e digite a path do seu projeto

cd "C:\Users\NomeDoComputador\Documents\..."

Depois, quando estiver na pasta do projeto, basta digitar no cmd a seguinte instrução: (dentro do src)

> cd auth-vue-app 
> npm run dev

Instalação dos Programas via Linux:

Estarei disponibilizando os links onde explicam como baixar:

• Node.Js: AQUI

Executando a Aplicação:

Bom, agora na mesma tela do cmd, basta iniciar o server para o projeto ser executado localmente.

> npm run dev

Agora, abre a página da aplicação em http://localhost:8080. E pronto a aplicação será executada de maneira local na sua máquina.

Ou através do comando:

# install serve
> npm install -g serve

> npm run build

# serve
> serve dist

Agora, abre a página da aplicação em http://localhost:5000. E pronto a aplicação será executada de maneira local na sua máquina.