Como instalar o lite-server e o browser sync para ter o poder do autorefresh e melhor produção dos seus projetos

Não é chato você estar escrevendo seus códigos e toda hora tem que dar reload na página?

Chega disso!

Entre no seu ambiente de produção pelo terminal e rode o seguinte código para instalar o lite-server

sudo npm -g  install lite-server

Dessa forma, ao ir na pasta do seu projeto e rodar o comando lite-server, o servidor já estará disponibilizando um endereço para você acessar o seu projeto.

Agora vamos fazer o refresh automático com o poderoso Browser Sync

Configuraremos um novo arquivo dentro da pasta raiz do projeto.

nano bs-config.json

E coloque o seguinte código no arquivo

{
  "host": "0.0.0.0",
  "watchOptions": {
    "usePolling": true
  }
}

Pronto.. agora rode o lite-server novamente e você estará conectado ao browser sync para seus refreshs automáticos

 

Para mais detalhes e instruções avançadas, vá até o scotch.io nesse artigo aqui