BlogIntroducción a Angular

Introducción a Angular

Qué es Angular, CLI y estructura del proyecto.

Documento 1 de 3 3 secciones

1 ¿Qué es Angular?

Angular es un framework completo de desarrollo web creado por Google en 2016 (reescritura total de AngularJS). Usa TypeScript por defecto y proporciona todo lo necesario para construir aplicaciones web robustas: componentes, rutas, servicios, formularios, HTTP y más.

A diferencia de React (biblioteca) o Vue (framework progresivo), Angular es un framework opinionado: tiene una forma específica de hacer las cosas. Esto lo hace ideal para equipos grandes y aplicaciones empresariales que necesitan consistencia.

2 Instalación con Angular CLI

text
# Instalar Angular CLI globalmente
npm install -g @angular/cli

# Crear nuevo proyecto
ng new mi-aplicacion
cd mi-aplicacion
ng serve

# Abrir en: http://localhost:4200

# Generar componente
ng generate component mi-componente
# o la forma corta:
ng g c mi-componente

3 Estructura del Proyecto

text
mi-aplicacion/
├── src/
│   ├── app/
│   │   ├── app.component.ts     ← lógica del componente raíz
│   │   ├── app.component.html   ← plantilla HTML
│   │   ├── app.component.scss   ← estilos
│   │   └── app.routes.ts        ← rutas de la app
│   ├── index.html               ← página principal
│   ├── main.ts                  ← punto de entrada
│   └── styles.scss              ← estilos globales
├── angular.json                 ← configuración del proyecto
├── package.json
└── tsconfig.json

Comentarios

Sé el primero en comentar.

Deja tu comentario

Volver al blog deybidev.com