Première Application Angular 2

Dans cette exemple, nous allons voir comment développer et exécuter une petite application Angular 2 et TypeScript.

Il est aussi possible de développer en Angular 2 avec JavaScript et Dart

Introduction:

Cette application respecte la structure d’une application Angular 2 réelle et affiche un message simple :

Voir le résultat final de l’application ici.

Développement de l’application

  • prérequis: Installer Node.js et npm.
  • Etape 1: Créer et configurer le projet.
  • Etape 2: Créer votre application.
  • Etape 3: Create et ajouter un composant à votre application.
  • Etape 4: Démarrer votre application.
  • Etape 5: Define the web page that hosts the application.
  • Etape 6: Développez et executer l’application.
  • Etape 7: Make some live changes.
  • Conclusion

Installer Node.js et npm

Si Node.js et npm ne sont pas installés dans votre machine, installez-les. Pour notre exemple, nous aurons besoin de la version node v5.x.x ou plus et npm 3.x.x ou plus.

Pour verifier quelle version utilisez-vous, exécuter node -v et npm -v dans le terminal (Invite de commande pour Windows).

npm est installé avec Node.js

Etape 1: Créer et configurer le projet

Créer le dossier du projet:

Utilisez le terminal/invite de commande pour créer le dossier/répertoire du projet et deplacez-vous à ce dernier.

Créer les fichiers de configuration

Notre projet Angular a besoin de plusieurs fichiers de configurations:

  • package.json ce fichier contient les dépendances du projet (fichier de configuration de NPM).
  • tsconfig.json ce fichier définit la façon dont le compilateur de TypeScript génère du JavaScript à partir des fichiers du projet.
  • typings.json
  • systemjs.config.js

 

Créez chacun de ces fichiers dans le répertoire de votre projet. Copier/coller le contenu ci-dessous :

package.json

tsconfig.json

typings.json

systemjs.config.js

Pour plus de détails sur les fichiers de configuration, lisez les deux guides Npm Package Configuration et TypeScript Configuration.

en cours de construction …

 

 

Laisser un commentaire