Angulaire 2 - Environnement

Pour commencer à travailler avec Angular 2, vous devez installer les composants clés suivants.

  • Npm- Il s'agit du gestionnaire de packages de nœuds utilisé pour travailler avec les référentiels open source. Angular JS en tant que framework a des dépendances sur d'autres composants. Etnpm peut être utilisé pour télécharger ces dépendances et les attacher à votre projet.

  • Git - Il s'agit du logiciel de code source qui peut être utilisé pour obtenir l'exemple d'application à partir du github site angulaire.

  • Editor- De nombreux éditeurs peuvent être utilisés pour le développement Angular JS tels que le code Visual Studio et WebStorm. Dans notre didacticiel, nous utiliserons le code Visual Studio qui est fourni gratuitement par Microsoft.

Installation de npm

Regardons maintenant les étapes pour installer npm. Le site officiel de npm esthttps://www.npmjs.com/

Step 1 - Accédez à la section «Démarrer avec npm» du site.

Step 2- Dans l'écran suivant, choisissez le programme d'installation à télécharger, en fonction du système d'exploitation. Pour les besoins de cet exercice, téléchargez la version Windows 64 bits.

Step 3- Lancez le programme d'installation. Dans l'écran initial, cliquez sur le bouton Suivant.

Step 4 - Dans l'écran suivant, acceptez le contrat de licence et cliquez sur le bouton suivant.

Step 5 - Dans l'écran suivant, choisissez le dossier de destination pour l'installation et cliquez sur le bouton Suivant.

Step 6- Choisissez les composants dans l'écran suivant et cliquez sur le bouton Suivant. Vous pouvez accepter tous les composants pour l'installation par défaut.

Step 7 - Dans l'écran suivant, cliquez sur le bouton Installer.

Step 8 - Une fois l'installation terminée, cliquez sur le bouton Terminer.

Step 9- Pour confirmer l'installation, dans l'invite de commande, vous pouvez émettre la commande npm version. Vous obtiendrez le numéro de version de npm comme indiqué dans la capture d'écran suivante.

Installation de Visual Studio Code

Voici les fonctionnalités de Visual Studio Code -

  • Éditeur léger par rapport à la version réelle de Visual Studio.

  • Peut être utilisé pour coder des langages tels que Clojure, Java, Objective-C et de nombreux autres langages.

  • Extension Git intégrée.

  • Fonction IntelliSense intégrée.

  • Beaucoup plus d'extensions pour le développement.

Le site officiel du code Visual Studio est https://code.visualstudio.com/

Step 1- Une fois le téléchargement terminé, veuillez suivre les étapes d'installation. Dans l'écran initial, cliquez sur le bouton Suivant.

Step 2 - Dans l'écran suivant, acceptez le contrat de licence et cliquez sur le bouton Suivant.

Step 3 - Dans l'écran suivant, choisissez l'emplacement de destination de l'installation et cliquez sur le bouton suivant.

Step 4 - Choisissez le nom du raccourci du programme et cliquez sur le bouton Suivant.

Step 5 - Acceptez les paramètres par défaut et cliquez sur le bouton Suivant.

Step 6 - Cliquez sur le bouton Installer dans l'écran suivant.

Step 7 - Dans l'écran final, cliquez sur le bouton Terminer pour lancer Visual Studio Code.

Installer Git

Certaines des fonctionnalités clés de Git sont -

  • Branchement et fusion faciles du code.
  • Possibilité d'utiliser de nombreuses techniques pour le flux de code dans Git.
  • Git est très rapide par rapport aux autres outils SCM.
  • Offre une meilleure assurance des données.
  • Gratuit et open source.

Le site officiel de Git est https://git-scm.com/

Step 1- Une fois le téléchargement terminé, veuillez suivre les étapes d'installation. Dans l'écran initial, cliquez sur le bouton Suivant.

Step 2- Choisissez les composants à installer. Vous pouvez accepter les composants par défaut.

Step 3 - À l'étape suivante, choisissez le nom du raccourci du programme et cliquez sur le bouton Suivant.

Step 4 - Acceptez l'exécutable SSH par défaut et cliquez sur le bouton Suivant.

Step 5 - Acceptez le paramètre par défaut «Checkout Windows style, commit Unix style endings» et cliquez sur le bouton Next.

Step 6 - Maintenant, acceptez le paramètre par défaut de l'émulateur de terminal et cliquez sur le bouton Suivant.

Step 7 - Acceptez les paramètres par défaut et cliquez sur le bouton Suivant.

Step 8 - Vous pouvez ignorer les options expérimentales et cliquer sur le bouton Installer.

Step 9 - Dans l'écran final, cliquez sur le bouton Terminer pour terminer l'installation.