0Pricing
Angular Academy · Lección

Generación de un proyecto nuevo

Cree una app con ng new y explore sus opciones.

Generación de un proyecto nuevo es una lección gratuita de Angular Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Angular Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Angular Academy incluye 4 lecciones en total.

La CLI de Angular

La CLI de Angular es la herramienta oficial de línea de comandos para crear, compilar, servir y probar aplicaciones Angular. Los comandos comienzan con ng.

Instalar la CLI

Instálela globalmente con npm para que el comando ng esté disponible en cualquier ubicación.

npm install -g @angular/cli

Crear un proyecto con ng new

El comando ng new crea la estructura inicial de un espacio de trabajo y una aplicación Angular completamente nuevos.

ng new my-app

Qué hace ng new

Crea una carpeta, instala las dependencias, configura TypeScript, una configuración de compilación, un ejecutor de pruebas y una aplicación standalone inicial, y también inicializa un repositorio de git.

Preguntas interactivas

De forma predeterminada, ng new hace algunas preguntas, como si desea añadir el enrutamiento de Angular y qué formato de hoja de estilos quiere usar (CSS, SCSS, Sass o Less).

Añadir el enrutamiento

Puede responder a la pregunta sobre el enrutamiento o pasar una opción para decidirlo de antemano.

ng new my-app --routing

Elegir un formato de estilos

Elija el lenguaje de sus hojas de estilos con la opción style.

ng new my-app --style=scss

Omitir la instalación o Git

Entre las opciones útiles se incluyen omitir la instalación de dependencias o la inicialización de Git, algo práctico en CI o en configuraciones mediante scripts.

ng new my-app --skip-install --skip-git

Independiente de forma predeterminada

Las versiones recientes de CLI generan de forma predeterminada una aplicación independiente, con main.ts usando bootstrapApplication y un app.config.ts para los proveedores.

Entrar en el proyecto

Después de crearlo, cambie al nuevo directorio para ejecutar más comandos.

cd my-app

Obtener ayuda

Cada comando admite una opción de ayuda que enumera sus opciones.

ng new --help

Comprobación rápida: ng new

Crear un proyecto.

Resumen: nuevo proyecto

Angular CLI (ng) crea aplicaciones con ng new my-app y permite configurar opcionalmente el enrutamiento y el formato de las hojas de estilos. Instala las dependencias y genera una aplicación inicial independiente. Siguiente: comprender la estructura generada.

Preguntas frecuentes

¿La lección «Generación de un proyecto nuevo» es gratis?

Sí — el texto completo de «Generación de un proyecto nuevo» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Angular Academy, actualiza a CoddyKit PRO. El curso de Angular Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Generación de un proyecto nuevo»?

Cree una app con ng new y explore sus opciones. Practicas Angular Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Angular Academy?

No se requiere experiencia previa. Angular Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «Generación de un proyecto nuevo»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Angular Academy?

Sí. Cada lección de Angular Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Generación de un proyecto nuevo
  2. Explicación de la estructura del proyecto
  3. Generación de código con ng generate
  4. Compilación y ejecución
← Volver a Angular Academy