1: Configuración inicial y "Hola Mundo"

 Tutorial Node.js - Parte 1: Configuración inicial y "Hola Mundo"

🎯 Objetivo de esta primera parte

Crear la base de un proyecto Node.js usando Express, Morgan, EJS y entender el flujo básico de un servidor web. Este proyecto evolucionará en una app de tareas en la siguiente parte.

---

1️⃣ Crear el proyecto y archivo package.json

Abre tu terminal y crea una carpeta para el proyecto:

bash

mkdir ejs-node
cd ejs-node

Inicializa npm (crea el package.json):

bash

npm init -y

El flag -y acepta todas las opciones por defecto.

📌 Resultado esperado: aparece un archivo package.json con contenido similar a tus imágenes.

---

2️⃣ Instalar dependencias necesarias

Ejecuta:

bash

npm install ejs express morgan

✅ Nota importante: En versiones recientes de Express (4.16+), ya no es necesario instalar body-parser por separado. Express incluye su propio parser de JSON y URL-encoded. Lo veremos al final.

📦 Dependencias que usaremos ahora:

Paquete	Función
express	Framework web para Node.js
ejs	Motor de plantillas (aunque en esta parte solo lo configuramos)
morgan	Logger de peticiones HTTP (verás cada request en consola)

---

3️⃣ Crear la estructura de carpetas

Dentro de ejs-node/, crea:

text

ejs-node/
├── views/          # Aquí irán las plantillas EJS (vacío por ahora)
├── app.js          # Archivo principal del servidor
└── package.json

---

4️⃣ Escribir el servidor básico (app.js)

Crea el archivo app.js con el siguiente código:

javascript

const express = require('express');
const morgan = require('morgan');
const path = require('path');

const app = express();

// Configuración del puerto
app.set('port', process.env.PORT || 3000);

// Configuración de las vistas (plantillas EJS)
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// Middleware para loggear peticiones HTTP
app.use(morgan('dev'));

// Ruta principal - Hola Mundo
app.get('/', (req, res) => {
  res.send('Hola Mundo desde Node.js con Express');
});

// Iniciar el servidor
app.listen(app.get('port'), () => {
  console.log(`Servidor corriendo en http://localhost:${app.get('port')}`);
});

---

5️⃣ Ejecutar el proyecto

En la terminal (estando dentro de la carpeta ejs-node), escribe:

bash

node app.js

Deberías ver:

text

Servidor corriendo en http://localhost:3000

Abre tu navegador en http://localhost:3000 y verás:

text

Hola Mundo desde Node.js con Express

🧪 Probar Morgan

Cada vez que recargues la página, en la terminal verás algo como:

text

GET / 200 4.123 ms - 43

Eso es morgan informándote de las peticiones.

---

6️⃣ Añadir script "start" en package.json

Para poder ejecutar npm start en lugar de node app.js, edita tu package.json y en la sección "scripts" escribe:

json

"scripts": {
  "start": "node app.js"
}

Ahora puedes iniciar el servidor con:

bash

npm start