Création d’un projet Angular avec Angular CLI

Créer un projet Angular avec Angular CLI

La création d’un projet Angular avec Angular CLI est effectuée via la commande ng new :

Les applications Angular utilisent généralement un routeur et l’option –routing permet de rendre plus lisible la mise en œuvre de celui-ci en créant un fichier séparé pour spécifier la table de routage.

Créez le projet openApp:

Une fois la création du projet terminée, testez l’application par défaut associée à tout nouveau projet. Pour cela, utilisez la commande suivante :

En fait, cette commande réalise deux choses essentielles :

  • Elle lance un serveur local (le NG Live Development Server) qui en sous-main appelle le transpiler TypeScript qui transcode (transpile) en JavaScript tous les codes TypeScript que vous créez ou modifiez.
  • Elle exécute l’outil webpack, qui lie les codes JavaScript pour former différents bundles (des fichiers qui regroupent les codes et ressources et ne sont pas sauvegardés sur votre disque tant que l’application est en mode développement) et visualise votre application sur l’URL localhost:4200.

Ces deux opérations sont répétées dès que vous modifiez un de vos codes sources. Du code étant produit et la fenêtre de votre navigateur étant rafraîchie, ne sauvegardez donc vos fichiers qu’à bon escient.
Dans votre navigateur, invoquez le serveur local sur le port 4200 : localhost:4200.

Laisser un commentaire