An open API service indexing awesome lists of open source software.

https://github.com/glaucia86/vue-pwa-app

Repositório responsável por demos a desenvolvimento de PWA com Vue.js
https://github.com/glaucia86/vue-pwa-app

firebase nodejs push-notifications pwa-example service-worker vue-router vuejs

Last synced: 6 months ago
JSON representation

Repositório responsável por demos a desenvolvimento de PWA com Vue.js

Awesome Lists containing this project

README

          

# 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: :mega:

- 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: :bulb:

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

### Começando: :running:

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: :eyes:

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](https://nodejs.org/en/)

### 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](https://nodejs.org/en/download/package-manager/)

### 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.