Generador de Proyecto Angular Base

Este generador crea una estructura básica para un proyecto Angular 18, incluyendo la configuración inicial del pipeline.

Requisitos

• Node.js (versión 20 o superior)
• npm (versión 10 o superior)
• Yeoman

Instalación

Primero, asegúrate de tener Yeoman instalado. Si no lo tienes, puedes instalarlo globalmente con:

npm install -g yo

Luego, instala el generador de proyecto Angular base:

npm install -g generator-proyecto-angular-base

Crear un Nuevo Proyecto

Para generar un nuevo proyecto Angular, sigue estos pasos:

Uso Básico

1. Ejecuta el Generador:

   Abre tu terminal y navega al directorio donde quieres crear el proyecto. Luego ejecuta:

   yo proyecto-angular-base

2. Proporciona Información del Proyecto:

   Durante la ejecución del generador, se te pedirá ingresar algunos detalles sobre tu proyecto:

   • Nombre del Proyecto: Nombre del proyecto Angular (ejemplo: mi-proyecto-angular).
   • Descripción del Proyecto: Una breve descripción del propósito del proyecto.

3. Finalización:

   Una vez completado el proceso, el generador creará la estructura del proyecto en la carpeta especificada.

Uso con Parámetros Opcionales

Puedes pasar parámetros opcionales directamente al ejecutar el generador, evitando así la necesidad de ingresar manualmente cada detalle durante la ejecución:

• Nombre del Proyecto: Usa --name o -n para especificar el nombre del proyecto.

  yo proyecto-angular-base --name="mi-proyecto-angular"

• Descripción del Proyecto: Usa --description o -d para especificar una descripción del proyecto.

  yo proyecto-angular-base --description="Este es un proyecto base de Angular."

Ejemplo combinando ambos parámetros:

yo proyecto-angular-base --name="mi-proyecto-angular" --description="Este es un proyecto base de Angular."

Al usar estos parámetros, el generador tomará los valores proporcionados sin solicitarte esa información durante su ejecución.

Comandos Post-Generación

Una vez que tu proyecto ha sido generado, sigue estos pasos para ponerlo en funcionamiento:

1. Instala las Dependencias:

   Navega a la carpeta del proyecto generado y ejecuta:

   npm install

2. Inicia el Servidor de Desarrollo:

   Para iniciar el servidor de desarrollo, ejecuta:

   ng serve

   Abre tu navegador y navega a http://localhost:4200 para ver tu nueva aplicación Angular en acción.

Personalización

El generador utiliza plantillas que puedes personalizar según tus necesidades. Simplemente edita los archivos en el directorio de plantillas y vuelve a ejecutar el generador para ver los cambios reflejados en los nuevos proyectos.