Como usar o LiveReload no Electron

leonardo

Fala programador, no tutorial de hoje vou lhe mostrar como é possível utilizar o LiveReload com o Electron. Caso você não o conheça, o LiveReload é um módulo/plugin do nodejs que faz com que a página do nosso site (neste caso nosso programa) seja atualizada automaticamente assim que modificamos algum arquivo dentro da pasta do nosso projeto, isso realmente nos poupa um bom tempo na hora do desenvolvimento.

Agora chega de bla bla bla e vamos ao que interessa.

A primeira coisa é abrir o terminal na pasta do seu projeto e instalar o live-reload, para isto é só digitar este código no terminal:

npm i live-reload --save-dev  

Agora basta adicionarmos o script na página que queremos que seja atualizada (ex: index.html)

<script src="http://localhost:35729/livereload.js"></script>

Feito isso vá até a seção de scripts do seu package.json e adicione o seguinte script

"reload": "live-reload app --port 35729"

agora é só abrir uma nova aba em seu terminal e rodar o live-reload

npm run reload  

 

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *