Angular 4 - Configuration de l'environnement

Dans ce chapitre, nous aborderons la configuration de l'environnement requise pour Angular 4. Pour installer Angular 4, nous avons besoin des éléments suivants:

  • Nodejs
  • Npm
  • CLI angulaire
  • IDE pour écrire votre code

Nodejs doit être supérieur à 4 et npm doit être supérieur à 3.

Nodejs

Pour vérifier si nodejs est installé sur votre système, tapez node –vdans le terminal. Cela vous aidera à voir la version de nodejs actuellement installée sur votre système.

C:\>node –v
v6.11.0

S'il n'imprime rien, installez nodejs sur votre système. Pour installer nodejs, allez sur la page d'accueilhttps://nodejs.org/en/download/ de nodejs et installez le package en fonction de votre système d'exploitation.

La page d'accueil de nodejs ressemblera à ce qui suit -

En fonction de votre système d'exploitation, installez le package requis. Une fois nodejs installé, npm sera également installé avec lui. Pour vérifier si npm est installé ou non, tapez npm –v dans le terminal. Il devrait afficher la version du npm.

C:\>npm –v
5.3.0

Les installations angulaires 4 sont très simples à l'aide de la CLI angulaire. Visitez la page d'accueilhttps://cli.angular.io/ d'angle pour obtenir la référence de la commande.

Type npm install –g @angular/cli, pour installer angular cli sur votre système.

Vous obtiendrez l'installation ci-dessus dans votre terminal, une fois Angular CLI installé. Vous pouvez utiliser n'importe quel IDE de votre choix, c'est-à-dire WebStorm, Atom, Visual Studio Code, etc.

Les détails de la configuration du projet sont expliqués dans le chapitre suivant.