2

Alternativa de LiveReload

Les comparto una alternativa para usar el LiveReload en nuestro proyecto que en lo personal me parece mucho más sencilla y práctica:


Paso 1


Instalan NodeJS en su PC descargándolo desde el sitio oficial > https://nodejs.org/es/


Paso 2


Abren la consola (En el caso de Windows es cmd), y ejecutan la siguiente línea:

$ npm install -g serve

Esta línea instala el paquete serve, del cual encontrarán más información en el siguiente enlace: https://www.npmjs.com/package/serve


Paso 3


Una vez instalado el paquete serve tenemos todo listo para ejecutar nuestro sitio en un puerto local.


Descargaremos el programa LiveReload desde el siguiente enlace: http://livereload.com/ y procederán a instalarlo. Por supuesto, descargan la versión adecuada, según su Sistema Operativo.


Paso 4


Si tienes Google Chrome, deberás instalar el complemento LiveReload (No estoy seguro si sea obligatorio), pero lo encuentran en el siguiente enlace: Complemento LiveReload


Paso 5


Abren el LiveReload que instalaron en la PC, y agregarán el directorio de su proyecto haciendo clic en el botón add (Sigan los pasos que indica LiveReload).


Paso 6


En la consola, se posicionan en la ubicación de su proyecto y ejecutan el siguiente comando:

serve .

Hecho esto, abren su navegador y abren el localhost:3000... ¡Su proyecto corre perfectamente!


Al salvar/guardar cualquier cambio que hagan en su proyecto, éste se verá reflejado automáticamente en su proyecto corriendo en el localhost:3000.


Espero sea de gran utilidad para muchos.

Escribe tu comentario
+ 2