Lite-server es un servidor de desarrollo liviano que sirve una aplicación web, la abre en el navegador y actualiza la página cuando se realizan cambios HTML o JavaScript en el código fuente. Esto puede ayudar a ahorrar tiempo durante el desarrollo, ya que el usuario no tiene que actualizar manualmente la página cada vez que se realiza un cambio. Se deben seguir los siguientes pasos para instalar y usar lite-server:
1. Instale Node.js:
Node.js administra bibliotecas y dependencias npm para admitir algunos navegadores al cargar páginas particulares. También sirve al entorno de tiempo de ejecución en el host local (máquina local).
- Node.js se puede descargar desde su sitio web oficial .
- Instale la configuración descargada siguiendo las instrucciones del asistente de instalación.
- Después de la instalación, la versión del Node se puede verificar con el siguiente comando.
node -v
2. Cree el archivo HTML (Opcional)
- El servidor mostrará el archivo HTML que se muestra a continuación. Este paso es opcional y cualquier archivo puede usarse como punto de partida para que el servidor lo muestre.
HTML
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><h1>GeeksforGeeks</h1>lite-server example</body></html>
3. Inicialice un nuevo proyecto de Node:
- Navegue a la carpeta o aplicación donde se debe usar el servidor lite.
- En esa carpeta, use npm para inicializar un proyecto. Los parámetros se pueden especificar según lo solicite el aviso. Esto creará un archivo package.json que contiene información sobre el proyecto.
4. Instalar y configurar lite-server
- En la misma carpeta, instale lite-server usando el siguiente comando npm. Esto descargará automáticamente el paquete del servidor lite y lo preparará para configurarlo.
npm install lite-server --save-dev
- Los archivos recién agregados se pueden ver en la carpeta.
- En el archivo package.json que se crea, cambie el archivo inicial por el que creamos anteriormente (o cualquier archivo según su aplicación). Las siguientes líneas también deben agregarse en la sección de scripts en el paquete.json. Esto especificará el servidor para iniciar cada vez que se ejecute el comando de inicio.
"start": "npm run lite", "lite" : "lite-server",
5. Inicie el servidor
- El servidor ahora se puede iniciar usando el comando de inicio. Los detalles del servidor se mostrarán si el servidor se inició correctamente. También muestra las URL de acceso local y externo que se pueden usar para acceder al servidor.
npm start
- Después de iniciar el servidor, el navegador predeterminado iniciará automáticamente una nueva pestaña en localhost:3000, lo que significa que el servidor se instaló e inició correctamente. El servidor se puede cerrar presionando Ctrl + C en el símbolo del sistema que ejecuta el servidor.
Producción:
