Angular – Nuevo Proyecto

Angular – Nuevo Proyecto

Crear un proyecto nuevo
ng new my-app

https://angular.dev/tools/cli/setup-local

Estructura archivos

Visualizamos el proyecto recien creado con un editor, Visual Studio por ejemplo.

  • Eliminar el archivo app.component.spec.ts  , Define un test para AppComponent.
Primeros pasos
  • Lanzar la instalación al navegador, desde el terminal de Visual Studio
ng serve -o
  •  Comprobar la versión en el código y que en el depurador de HTML en la consola no sale ningún fallo.

 

INstalar angular materia

Desde el terminal podemos instalar Angular Material
https://material.angular.io/

ng add @angular/material

Durante el proceso de instalación nos pedirá el tema de la plantilla y si instalar una tipografía global.

ver componentes de la plantilla

Angular Material dispone de los siguientes componentes, en esta web está disponible como usarlos.
https://material.angular.io/components/categories