Créer une application angular
Pré-requis
- node.js (v20.19 ou plus)
- IDE ou éditeur de texte (WebStorm, VSCode)
- Un accès à la ligne de commande
Installer Angular
Pour installer l'interface de commandes d'Angular (Angular CLI), ouvrez un terminal et exécutez la commande
npm install -g @angular/cli
L'option -g permet de faire l'installation de façon globale.
Créer l'application
Pour créer l'application, ouvrez un terminal et naviguez à l'endroit ou vous voulez créer le projet.
ng new nomApplicationcrée un nouveau projet nommé nomApplicationnpm installinstalle les dépendances (le script qui génère le projet devrait lancer cette commande pour vous).npm startlance l'application sur le port 4200ng generate xgénère un morceau d'application Angular à partir de la ligne de commande. C'est la façon que nous allons prioriser. (ex.ng generate component MonComponent)
Création d'éléments d'application
La commande ng generate vous permettra de créer les composants, interfaces et services pour l'application.
Lors de la génération, on peut spécifier le chemin vers lequel on veut générer l'élément. Par exemple:
ng generate component components/MonComponent
Créera les élémentsdu composant composant nommé MonComponent dans le dossier `/src/app/components/mon-component/
Il existe également des versions abbrégées des commandes de génération. Par exemple la commande ci-dessus peut être également écrite de la façon suivante
ng g c components/MonComponent