Angular - 1.4 Premiere application part 1

Maintenant que nous avons la définition d'Angular et les différentes versions, nous allons enfin nous y plonger et construire notre première application Angular.

Pour cela, nous utiliserons l'interface de ligne de commande Angular officielle, CLI. Et c'est la meilleure façon recommandée de créer des projets Angular, car les projets Angular sont en fait un peu plus élaborés en ce qui concerne leur flux de travail de construction.

Il y a quelques fichiers qui doivent être convertis avant qu'ils puissent être exécutés dans le navigateur et le CLI le fait en optimisant aussi fortement notre code de sorte que nous envoyons une version hautement optimisée du code pour le navigateur une fois que nous aurons déployé notre application, ce que nous ferons aussi dans ce cours à la fin. Donc, ici, vous pouvez voir toutes les étapes nécessaires que vous devez exécuter et ces étapes sont les mêmes pour Windows et Mac.

Maintenant, pour qu'ils fonctionnent, vous avez besoin d'un outil supplémentaire et c'est NodeJS. NodeJS est un langage côté serveur et vous vous demandez peut-être ce que nous en faisons dans ce cours? C'est un cours Angular, pas un cours Node et vous auriez raison. Nous n'écrirons aucun code NodeJS ici mais NodeJS sera utilisé dans les coulisses par la CLI pour regrouper et optimiser notre projet et nous utiliserons npm, le Node Package Manager pour gérer les différentes dépendances d'un projet Angular.

Les dépendances sont des choses comme le framework Angular lui-même, mais aussi certaines autres bibliothèques utilisées par le framework. Vous pouvez donc simplement télécharger la dernière version ici en cliquant sur ce bouton. Dans mon cas, c'est 18.7.0 mais cela pourrait différer pour vous. Et vous obtiendrez un programme d'installation à travers lequel vous pourrez marcher, qui installera facilement NodeJS et cet outil npm sur votre machine. Une fois l'installation terminée, nous pouvons exécuter ces commandes et nous les exécutons dans notre terminal ou notre invite de commande.

Maintenant, je suis ici sur un environnement Windows. J'utilise l'invite de commande normal. Si vous étiez sous Mac, vous ouvririez le terminal. Donc on ouvre notre invite de commande en tant qu'administrateur en cliquant avec le bouton droit sur l'exécutable et en cliquant sur Exécuter en tant qu'administrateur pour exclure certains problèmes potentiels. Mais à la fin, vous devriez pouvoir simplement exécuter npm en utilisant ce gestionnaire de package, installez -g pour l'installer globalement sur votre machine @angular/cli @ latest. Le @latest est facultatif, mais le @angular/cli ne l'est pas. Vous devez donc absolument l'exécuter.