Entrada

Comandos esenciales de la Angular CLI

Publicado Actualizado
2 min de lectura
Angular: Comandos esenciales de la Angular CLI

La Angular CLI es la herramienta oficial del ecosistema Angular para crear y gestionar aplicaciones. Permite automatizar tareas comunes como la generación de código, ejecución del servidor de desarrollo, compilación y pruebas para un flujo de trabajo más productivo.

1. Instalación

Para instalar Angular CLI, asegúrese de tener instalado Node.js (que incluye npm) y ejecuta el siguiente comando:

1

npm install -g @angular/cli

A continuación se presenta una referencia organizada de los comandos más utilizados, clasificados por categoría y con su propósito principal.

Permiten inicializar una nueva aplicación Angular o generar estructuras base del proyecto.

1

ng new mi-app

El comando anterior crea un proyecto completo con la configuración inicial.

terminal CREATE mi-app (Angular workspace) ✔ Packages installed successfully.

Se puede usar --standalone o --routing para definir la configuración inicial del proyecto.

Estos comandos crean piezas de la aplicación como componentes, servicios, directivas o módulos sin tener que hacerlo manualmente.

1

ng generate component usuarios

También puedes usar la forma corta:

1
2
3

ng g service auth
ng g directive highlight
ng g pipe capitalizar

Permite ejecutar la aplicación en un entorno local con recarga automática cada vez que se detectan cambios en el código.

1

ng serve

Por defecto el servidor se ejecuta en:

1

http://localhost:4200

Puedes cambiar el puerto con ng serve --port 4300

Genera la versión optimizada de la aplicación lista para producción.

1

ng build

Para un build optimizado:

1

ng build --configuration production

El resultado se genera en la carpeta dist/.

Angular CLI integra herramientas para ejecutar pruebas unitarias y pruebas end-to-end.

1

ng test

Ejecuta pruebas e2e (si están configuradas):

1

ng e2e

Permite analizar el código para detectar errores de estilo o problemas potenciales.

1

ng lint

Ayuda a mantener un código consistente y alineado con las buenas prácticas.

Incluye comandos para consultar información del entorno o ver ayuda sobre cualquier comando disponible.

1

ng version

1

ng help

Se puede usar ng help <comando> para ver opciones específicas, por ejemplo ng help build.

2. Flujo de trabajo típico

En un flujo de trabajo típico:

  1. Crear proyecto con ng new
  2. Ejecutar desarrollo con ng serve
  3. Generar código con ng generate
  4. Validar con ng test
  5. Compilar con ng build
  6. Mantener con ng update
Angular , Setup
Esta entrada está licenciada bajo CC BY 4.0 por el autor.