diff --git a/site/content/blog/live-server-tutorial.md b/site/content/blog/live-server-tutorial.md new file mode 100644 index 0000000..291291c --- /dev/null +++ b/site/content/blog/live-server-tutorial.md @@ -0,0 +1,54 @@ +--- +date: 2017-08-26T21:14:00-03:00 +title: Que es Live-server y porque deberia aprender a usarlo +draft: false +author: alvaromesa +categories: ["Tutoriales"] +image: https://storage.googleapis.com/doubleclick-prod/images/Mobile_Web_Speed.fea76ceb.cinemascope-1144x477.jpg +images: ["https://storage.googleapis.com/doubleclick-prod/images/Mobile_Web_Speed.fea76ceb.cinemascope-1144x477.jpg"] +description: Live-server es un pequeño servidor en tu propia maquina con la capacidad de refrescar la pagina web que estas trabajando, no es un servidor para ofrecer tu pagina cuando este finalizada, es una excelente y gratuita opción para mejorar tu flujo de trabajo. +--- + +### Parece bueno pero todavia no me convence. + +No solo parece , lo es y por eso quiero compartirlo para que más gente se pueda beneficiar. Tres buenas razones para usarlo: + +* las peticiones de AJAX no funciona con el `file://protocol` debido a restricciones de seguridad, necesitas un servidor para que obtenga los datos a traves de Javascript. +* Las paginas se refrescan automaticamente luego de guardar los cambios, acelerando el desarrollo de la pagina, la modificicación de pequeños detalles, una manera màs eficaz de automatizar la tarea de modificar la pagina. +* Con un servidor local en tu propia maquina y red, no solo puedes refrescar tu pagina y ver los cambios en el monitor, basta con ver tu dirección de IP y puedes desde tu celular, tablets,etc ver la pagina desde distintos dispositivos y ver como se va modificando, excelente para el diseño responsivo. + +Excelente pero esto suena muy complicado de configurar. + +Para nada basta con una sola linea y un solo comando para hacerlo andar. + +### Instalando Live-Server en tu maquina. + +Para instalar Live-Server es necesario tener Node.js instalado en tu maquina, si no sabes que es node y como instalarlo. Brevemente te explico, Node.js es javascript, pero de lado de servidor, es magico no?, es el excelente javascript que toda la comunidad ahora con miles de recursos para nuevos programadores. Puedes ver como Instalar Node.js en tu equipo , en el caso de Windows basta con descargar el ejecutable de node.js y listo. + +### Cuando instalo live-server? + +Un paso menos, luego de tener node.js en tu maquina, ingresando a la linea de comando de node, esta viene incluido con npm, node packet manager nos ofrece un sin fin de modulos creado por otros programadores para hacer tu vida màs facil, en este caso basta con una sola linea de npm. npm instalar -global live-server, cabe destacar que es recomendado utilizar un poco la linea de comando (dir,ls, mkdir, cd) para crear una carpeta para liver server y pararnos en donde queremos instalar. + +```bash +npm install -g live-server +``` + +Listo!... + +Bien pero como funciona? + +Bueno ahora lo màs sencillo es que simplemente te paras en la carpeta de tu proyecto (cd) y en la linea de comando de node. + +```bash +live-server +``` + +y Listo!!!. + +Excelente pero como veo la pagina?. + +Tu Live-server esta en la ip local `127.0.0.1` en el puerto `8080`, osea `127.0.0.1:8080`. Si quieres verlo desde tu telefono o tablet, basta con ir a la linea de comando y con `ipconfig` obtienes tu dirección de ip para poder acceder desde otros dispositivos. + +Espero esto le sea util y pronto presentare otros tutoriales sencillos. + +### Articulo original en [alvaromesa.com](http://alvaromesa.com/blog/tutoriales/liveserver.html)