Angular CLI

Instalación y entorno

Crear proyectos (ng new)

Servidor local y red (ng serve)

Exponer la app en tu red local

Por defecto Angular levanta en localhost:4200, accesible solo desde tu PC. Para probarla desde un móvil, una tablet u otro equipo en la misma red:

1. Ejecuta el servidor con el host abierto.

   bash

   Copiar¡Copiado!

   ng serve --host 0.0.0.0

2. Obtén tu IP local con el comando de tu sistema: ipconfig en Windows, ifconfig o ip a en Linux y Mac. Busca la dirección IPv4 (por ejemplo 192.168.1.75).

3. Abre en el otro dispositivo la IP y el puerto:

   output

   Copiar¡Copiado!

   http://192.168.1.75:4200

Si no carga:

• Confirma que ambos dispositivos están en la misma red WiFi, no en la red de invitados ni en datos móviles.
• En Windows, permite el acceso en el Firewall cuando Node.js lo pida, o añade una regla de entrada para el puerto 4200.
• En Linux, ejecuta sudo ufw allow 4200/tcp.

Scripts recomendados en package.json

"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "start:host": "ng serve --host 0.0.0.0 --port 4200",
  "start:open": "ng serve -o",
  "build": "ng build",
  "build:prod": "ng build --configuration production",
  "watch": "ng build --watch --configuration development",
  "test": "ng test",
  "test:ci": "ng test --watch=false --code-coverage",
  "clean": "rm -rf .angular/cache dist node_modules && pnpm install"
}

Con esto puedes ejecutar pnpm run start:host.

Host y puerto fijos en angular.json

Para que siempre levante en red, defínelos en angular.json:

"serve": {
  "options": {
    "host": "0.0.0.0",
    "port": 4200
  }
}

Generar código (ng generate)

Build y producción (ng build)

Testing y calidad (ng test)

Actualizar y reparar

Reparar node_modules y caché

# Full clean reinstall (keeps pnpm-lock.yaml so versions stay pinned)
rm -rf node_modules && pnpm install

# Clear the Angular build cache
rm -rf .angular/cache

# Fix vulnerable dependencies
pnpm audit --fix

Schematics y librerías (ng add)

Migración moderna (schematics)