Introducción

Instalación

Comienza con Angular rápidamente usando iniciadores en línea o localmente con tu terminal.

Probar en línea

Si solo quieres experimentar con Angular en tu navegador sin configurar un proyecto, puedes usar nuestro sandbox en línea:

La forma más rápida de experimentar con una aplicación Angular. No requiere configuración.

Abrir en Playground

Configurar un nuevo proyecto localmente

Si estás comenzando un nuevo proyecto, lo más probable es que quieras crear un proyecto local para poder usar herramientas como Git.

Prerrequisitos

Instrucciones

La siguiente guía te explicará cómo configurar un proyecto de Angular de forma local.

Instalar Angular CLI

Abre una terminal (si estás usando Visual Studio Code, puedes abrir una terminal integrada) y ejecuta el siguiente comando:

npm

npm install -g @angular/cli

pnpm

pnpm install -g @angular/cli

yarn

yarn global add @angular/cli

bun

bun install -g @angular/cli

Si tienes problemas ejecutando este comando en Windows o Unix, consulta la Documentación del CLI para más información.

Crear un nuevo proyecto

En tu terminal, ejecuta el comando de la CLI ng new con el nombre del proyecto deseado. En los siguientes ejemplos, usaremos el nombre de proyecto de ejemplo my-first-angular-app.

ng new <project-name>

Se te presentarán algunas opciones de configuración para tu proyecto. Usa las teclas de flecha y enter para navegar y seleccionar las opciones que desees.

Si no tienes ninguna preferencia, simplemente presiona enter para aceptar las opciones predeterminadas y continuar con la configuración.

Después de seleccionar las opciones de configuración y que la CLI la ejecute, deberias ver el siguiente mensaje:

✔ Packages installed successfully.    Successfully initialized git.

En este punto, ¡ya estás listo para ejecutar tu proyecto localmente!

Ejecutar tu nuevo proyecto localmente

En tu termina, cambia a tu nuevo proyecto en Angular.

cd my-first-angular-app

Todas tus dependencias deberían estar instaladas en este punto (lo cual puedes verificar revisando la existencia de una carpeta node_modules en tu proyecto), así que puedes iniciar tu proyecto ejecutando el comando:

npm start

Si todo es exitoso, deberías ver un mensaje de confirmación similar en tu terminal:

Watch mode enabled. Watching for file changes...NOTE: Raw file sizes do not reflect development server per-request transformations.  ➜  Local:   http://localhost:4200/  ➜  press h + enter to show help

Y ahora puedes visitar la ruta en Local (por ejemplo, http://localhost:4200) para ver tu aplicación. ¡Disfruta programando! 🎉

Usar IA para el desarrollo

Para comenzar a construir en tu IDE preferido con IA, consulta las reglas de prompts de Angular y las mejores prácticas.

Próximos pasos

Ahora que has creado tu proyecto Angular, puedes aprender más sobre Angular en nuestra Guía de Fundamentos o elegir un tema en nuestras guías detalladas!