/src

  • index.html  est le template HTML de premier niveau.
  • style.css est la feuille de style de premier niveau.
  • main.ts est le fichier de démarrage de l'application.
  • favicon.ico est le fichier de favicon comme dans tout site web.

/app

  • app.component.ts est le fichier source qui décrit le composant racine. C'est le composant de plus haut niveau de l'application. Un composant est le bloc de construction de base d'une application Angular. La description du composant inclut le code du composant, le template HTML, les styles qui peuvent être décrits dans ce fichier ou dans des fichiers séparés
  • Les nouveaux composans seront ajoutés dans ce répertoire.

/assets 

contient les images utilisées par l'application

.angular

regroupe les fichiers requis pour construire l'application

.e2e

Contient les fichiers utilisés pour tester l'application

.node_modules 

Contient tous les packages utilisés par l'application

angular.json 

Décrit l'application pour les outils de construction. On retrouvera notamment :

  • le répertoire source ("src" en général)
  • le préfixe ("app" en général)
  • l'index ("src/index.html")
  • le main ("src/main.ts")
  • polyfills dans le cas où on aurait besoin d'ajouter du code pour rendre l'application compatible avec plusieurs navigateurs.
  • le chemin vers tsConfig ("tsconfig.app.json")
  • les chemins vers les assets (images, fonts, favicon...)
  • les chemins vers les feuilles de style ("src/styles.css")
  • des informations de configuration (production, local, dev...)
  • ...

package.json 

C'est dans ce fichier que sont définies les dépendances de l’application.

On retrouvera notamment : 

  • les packages @angular
  • rxjs, une bibliothèque pour la programmation réactive
  • tslib pour le typescript
  • CLI pour les outils de développement en ligne de commande
  • zone.js pour détecter les changements
  • ...

tsconfig.* 

Ce sont les fichiers qui décrivent la configuration pour le compilateur TypeScript