📄️ Introduction
Préparation
📄️ 5-1 Installer Angular CLI
Angular propose une interface en ligne de commande (CLI pour Command Line Interface) pour améliorer l'expérience développeur. À partir de cet outil, vous pouvez entre autres créer un nouveau projet, générer des composants, démarrer le serveur de développement et bien plus encore.
📄️ 5-2 Créer un projet
Nous allons créer le projet Angular pour l'application Houdini via l'interface en ligne de commande d'Angular.
📄️ 5-3 Démarrer l'application
Ouvrir le projet
📄️ 5-4 Debugger l'application
Il est possible de débugger facilement l'application Angular, à l'aide de breakpoint par exemple, en y attachant le débogueur de WebStorm.
📄️ 5-5 Structure de l'espace de travail et du projet
Structure de l'espace de travail
📄️ 5-6 Fichier d'entrée index.html
Le fichier src/index.html est la page d'entrée de l'application. Lorsqu'on regarde son code, il est très minimaliste:
📄️ 5-7 Composant racine App
Tel que brièvement mentionné précédemment, index.html contient une seule balise dans le body de la page, soit app-root:
📄️ 5-8 Variables et Signals
Remarquez que App est une classe et que cette dernière contient une propriété title. Cette dernière (title) est de type WritableSignal: