🚀 Primeros pasos con Angular: Instalación y configuración

Angular es un framework de desarrollo web basado en TypeScript que permite crear aplicaciones dinámicas de una manera eficiente y escalable. En esta guía, te mostraremos cómo instalar Angular y crear tu primer proyecto.

✅ Requisitos previos

Antes de comenzar, asegúrate de tener instalados los siguientes programas:

Node.js: Descárgalo desde nodejs.org. Angular requiere npm, que viene incluido con Node.js.
Angular CLI: Es la herramienta de línea de comandos para Angular.

⚙ Instalación de Angular CLI

Para instalar Angular CLI, abre una terminal y ejecuta el siguiente comando:

npm install -g @angular/cli

Una vez instalado, puedes verificar la versión con:

ng version

📚 Creación de un nuevo proyecto

Para crear un nuevo proyecto en Angular, usa el siguiente comando:

ng new mi-primera-app

Este comando te preguntará si deseas habilitar el enrutamiento y qué tipo de hojas de estilo prefieres (CSS, SCSS, etc.).

🌟 Ejecutar el servidor de desarrollo

Para ejecutar la aplicación y verla en el navegador, entra en la carpeta del proyecto y usa:

cd mi-primera-app
ng serve

Luego, abre tu navegador y ve a http://localhost:4200. ¡Tu aplicación está corriendo!

📝 Conclusión

¡Felicidades! Ahora tienes Angular instalado y tu primer proyecto en marcha. En la próxima entrada, exploraremos cómo funcionan los componentes en Angular.

Comentarios

Entradas populares de este blog

Angular y su Evolución: Standalone vs. Modular en la Última Versión

1. ¿Qué es Angular? Angular es un framework de desarrollo web basado en TypeScript y creado por Google. Su principal ventaja es la capacidad de construir aplicaciones escalables y mantenibles mediante un enfoque estructurado y modular. Es ampliamente utilizado para desarrollar aplicaciones empresariales, SPAs (Single Page Applications) y proyectos de alto rendimiento. 2. Última Versión de Angular La última versión de Angular ha traído mejoras en rendimiento, herramientas de desarrollo y simplificación del código. Entre sus novedades destacan: Mejoras en la renderización y optimización del bundle. API de señalización para gestión reactiva del estado. Mayor adopción del enfoque standalone para reducir la complejidad. 3. Tipos de Proyectos en Angular: Standalone vs. Modular Al crear un proyecto en Angular, hay dos formas principales de estructurarlo: 🔹 Standalone: No requiere módulos ( NgModules ), lo que simplifica el código. Usa @Component , @Directive y @P...

Código Ágil: Tu Nueva Fuente de Tecnología y Programación

🚀 ¡Bienvenidos a Código Ágil ! Este es un espacio dedicado a desarrolladores y entusiastas de la tecnología que buscan estar al día con las últimas tendencias en software, frameworks y buenas prácticas de desarrollo. 🔹 ¿Qué encontrarás aquí? Artículos educativos sobre Angular, NestJS y más tecnologías . Snippets de código interactivos para mejorar tu aprendizaje. Tutoriales paso a paso para implementar nuevas herramientas. Consejos y estrategias para optimizar tu flujo de trabajo. 🏆 Nuestra misión Queremos ayudarte a mejorar tus habilidades de desarrollo con contenido claro, práctico y actualizado. Publicaremos nuevos artículos cada semana y, si hay novedades importantes, ¡las compartiremos enseguida! 💡 No olvides seguirnos y suscribirte para no perderte nada. ¡Vamos juntos a construir software de calidad con Código Ágil! ⚡

Código Ágil

Buscar este blog