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/cliCrear 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-appQué 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 --routingElegir un formato de estilos
Elija el lenguaje de sus hojas de estilos con la opción style.
ng new my-app --style=scssOmitir 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-gitIndependiente 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-appObtener ayuda
Cada comando admite una opción de ayuda que enumera sus opciones.
ng new --helpComprobació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
- Generación de un proyecto nuevo
- Explicación de la estructura del proyecto
- Generación de código con ng generate
- Compilación y ejecución