5-5 Structure de l'espace de travail et du projet

Structure de l'espace de travail

Au premier niveau du projet, vous remarquerez les fichiers suivants:

• node_modules/ Contiens le code des paquets npm utilisés par l'application.
• public/ contiens des fichiers statiques publics comme favicon.ico
• src/ Contiens les fichiers sources de l'application.
• .editorconfig Configuration standardisée pour les éditeurs de code (voir editorconfig.org).
• .gitignore Vous savez! 😉
• angular.json La configuration de l'application Angular et comment la compiler pour la distribution (fichiers scss, fichiers js, dossier de sortie, etc.).
• package.json Contiens les paquets npm utilisés par l'application.
• package-lock.json Fournis l'information sur les versions installées dans le dossier node_modules pour une expérience de développement uniforme.
• README.md Vous savez aussi!
• tsconfig.json La configuration de base TypeScript pour le projet.

À noter que nous toucherons très peu à ces fichiers en général, nous nous attarderons plus au dossier src, soit le dossier contenant le code de l'application.

Structure de l'application (dossier src)

Le dossier src contient le code de l'application. C'est dans ce dossier qu'évoluera la majeure partie du projet.

• app/ Contiens les composantes et la logique de l'application.
• index.html La page d'entrée de l'application retournée à un visiteur du site. Angular CLI ajoute automatiquement les fichiers JavaScript et CSS, donc généralement on n'a pas à modifier manuellement ce fichier afin d'y ajouter les balises <script> ou <link>.
• main.ts Le point d'entrée principal de l'application JavaScript. Compile l'application et la démarre à l'aide du module racine (AppModule).
• styles.scss Fichier SCSS d'entré pour les styles. Ce dernier peut référencer d'autres styles.