Création du projet Angular/Angular Material

---

Angular v16

---

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.