La partie frontend
La partie frontend est relativement générique et indépendante de la partie backend.
Pour le frontend, nous utilisons les outils Angular CLI qui nous simplifient le développement en utilisant la ligne de commande. Angular CLI
Nous allons supposer que les outils suivants sont déjà installés :
|
Outils |
Site de référence pour l’installation |
|
Node.js |
|
|
yarn yarn |
1. Angular CLI
Angular CLI est une suite d’outils en lignes de commandes qui aide à la création et à la modification d’applications Angular.
Voici un tableau qui liste des commandes :
|
Commande |
Utilité |
|
ng new ng new |
Créer une nouvelle application. |
|
ng serve |
Démarrer le serveur. |
|
ng generate |
Générer un composant, une directive, une route, un pipe ou un service. |
|
ng lint |
Lint le code de votre application en utilisant tslint. |
|
ng test |
Lancer les tests unitaires. |
|
ng e2e |
Lancer les tests de bout en bout. |
|
ng build |
Construire l’application. |
2. Création du projet initial
Installer Angular CLI :
npm install -g @angular/cli Créer le projet Angular :
ng new monAppli --directory. Le téléchargement de fichiers se lance dans le répertoire courant.
3. Démarrage de l’application
ng serve L’application se lance et elle est visible sur http://localhost:4200/.
Il est possible de terminer l’exécution en réalisant la combinaison de touche [Ctrl] C.
Créer...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI