Création du projet Angular/Angular Material

Angular 16v16

Projet Angular

La création du projet se fait en une seule ligne de commande :

ng new project-name

Cette ligne va créer tous les fichiers de base d'un projet Angular dans le dossier project-name. A partir de maintenant, tout sera fait en étant dans le dossier du projet : project-name.

Pour tester que tout c'est bien passé, il suffit de lancer la commande suivante puis d'ouvrir un navigateur et de taper : localhost:4200.

npm start

Si le résultat est celui-ci, alors l'installation basique d'Angular à fonctionné :

Ajouter Angular Material

Maintenant que le projet Angular existe, on va pouvoir ajouter Angular Material dans le projet.

Angular Material ajoute de nombreux composants pré-fabriqués pour Angular.

Toujours dans un terminal ouvert depuis le dossier du projet, la ligne suivante :

Installe Angular Material

Permet de choisir un thème (testables directement sur le site d'Angular Material)

Permet d'appliquer le style typographie à tous le projet.

Permet d'inclure ou non et d'activer ou non le module d'animations d'Angular

ng add @angular/material

Une fois cela fait, c'est terminé. Angular Material est maintenant utilisable dans le projet.